Fix typos in CSS for tables

bin/main.ml

@@ -202,7 +202,7 @@ let app =
       `R
         (Elwd.div
            ~at:[ `P (At.class' (Jstr.v "item-list")) ]
-           [ `R big_cover; `R filters; `R main_list ]);
+           [ `R big_cover; `R filters; `R (Elwd.div [ `R main_list ]) ]);
       `R
         (Elwd.div ~at:[ `P (At.class' (Jstr.v "playlist")) ] [ `R now_playing ]);
       `R player_ui;

vendor/brr_lwd_ui/lib/table/virtual_table.ml

@@ -261,7 +261,7 @@ let make (type data) ~(ui_table : Schema.fixed_row_height)
                 let last_update = ref 0. in
                 let timeout = ref (-1) in
                 let reset_ticker div =
-                  let debouncing_interval = 500 in
+                  let debouncing_interval = 800 in
                   (* We use [last_update] to have regular debounced updates and the
                      [timeout] to ensure that the last scroll event is always taken into
                      account even it it happens during the debouncing interval. *)

web/app.css

@@ -35,8 +35,9 @@ body {
     justify-items: stretch;
     align-items: stretch;
 
-    width: 100wv;
-    height: 100wh;
+    width: 100vw;
+    height: 100vh;
+    overflow: hidden;
 
     & .item-list,
     & .playlist {
@@ -45,6 +46,12 @@ body {
         flex-direction: column;
         height: 100%;
         overflow: hidden;
+        align-items: stretch;
+
+
+        &>div:last-child {
+            flex-grow: 1;
+        }
     }
 
     @media screen and (max-width: 512px) {

web/main.css

@@ -20,6 +20,6 @@ body {
 }
 
 #main-layout {
-    width: 100wv;
-    height: 100wh;
+    width: 100vw;
+    height: 100vh;
 }