make buttonpane padding symmetrical, separate the delete button a bit

diff --git a/public/css/style.css b/public/css/style.css
index f419d54083745a0b8b90edcfae565531b3090286..6aecb3cd1a8be093ebf600185a65b793965b8ca3 100644 (file)
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -255,14 +255,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;
+}