more spacious list items

[lsl.git] / public / css / style.css

diff --git a/public/css/style.css b/public/css/style.css
index f419d54083745a0b8b90edcfae565531b3090286..9637ab027746587d02ab08b1b938757cee10482d 100644 (file)
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -82,7 +82,7 @@ padding-right: 30px;
 }
 
 #header h1, #header h2 {margin: 0}
-#header { font-weight: bold; }
+#selected-list-name { font-weight: bold; }
 #header h2 {
 color: #888;
 font-weight: normal;
@@ -167,10 +167,14 @@ font-size: 10px;
     column-gap: 1ex;
     background: hsla(0, 0%, 90%, 0);
     transition: 0.5s;
+    line-height: 1.7em;
 }
 .list-item-row:hover {
     background: hsla(0, 0%, 90%, 1);
 }
+.list-item-row input[type="checkbox"] {
+    width: 1.3em;
+}
 .list-item-row .description { cursor: text; min-width: 2em; }
 .list-item-row .edit-trigger {
     cursor: pointer;
@@ -255,14 +259,24 @@ ul#list-items {
 .ui-widget-overlay {
     opacity: 0.3;
 }
+.ui-dialog .ui-dialog-buttonpane {
+    padding-left: 1.4em;
+}
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
     float: none;
     text-align: right;
 }
 .ui-dialog-buttonset > button.btn-delete {
     float: left;
+    margin-right: 2em;
 }
 
 .ui-button.btn-delete:hover {
     background: hsl(0, 70%, 92.9%);
 }
+
+.edit-item-dialog input[type="text"],
+.edit-list-dialog input[type="text"] {
+    width: 100%;
+    box-sizing: border-box;
+}