From e7d11c7c1173d07db741301053db78b835a73ab3 Mon Sep 17 00:00:00 2001
From: Wojtek Kosior <koszko@koszko.org>
Date: Fri, 14 Jan 2022 22:48:01 +0100
Subject: add settings page with styling

---
 html/item_list.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'html/item_list.html')

diff --git a/html/item_list.html b/html/item_list.html
index 4e23868..cae783a 100644
--- a/html/item_list.html
+++ b/html/item_list.html
@@ -41,9 +41,16 @@
 #LOADCSS html/base.css
 #LOADCSS html/grid.css
 <style>
+  .item_list, .preview_scroll_box {
+      overflow-y: auto;
+      padding-top: 0.4em;
+      height: calc(var(--content-height) - 0.4em);
+  }
   .item_list {
       overflow-y: scroll;
+      min-width: 7em;
   }
+
   .item_list>li {
       cursor: pointer;
       padding: 0.15em 0.3em;
@@ -73,8 +80,9 @@
 <template>
   <div id="item_list" data-template="main_div" class="grid_2 list_main_view">
     <ul data-template="ul" class="item_list"></ul>
-    <div>
-      <div data-template="preview_container" class="hide">
+    <div class="preview_scroll_box">
+      <div data-template="preview_container"
+	   class="hide item_preview_container">
 	<!-- preview div will be dynamically inserted here -->
 	<div class="list_buttons">
 	  <button data-template="remove_but">Remove</button>
-- 
cgit v1.2.3