Some css work

diff --git a/dist/flowy.css b/dist/flowy.css
index 8eeadd5fecea54e5b20ce33ccd87ba1e15a6a329..88cfec030c73688b8a53b5467dd50fa46d89940e 100644 (file)
--- a/dist/flowy.css
+++ b/dist/flowy.css
@@ -1,3 +1,7 @@
+body {
+    background: #f9f9fa;
+}
+
 .text {
     font-size: 20pt;
     margin-top: 5px;
@@ -23,5 +27,40 @@
     border: 2px solid;
 }
 
-#shortcuts button {
+#todo-list {
+    width: 80%;
+    margin: auto;
+    max-width: 600px;
+    border: 1px solid #ccc;
+    padding-top: 60px;
+    padding-bottom: 10px;
+    background: #ffffff;
+}
+
+#shortcuts {
+    position: fixed;
+    height: 100%;
+    top: -2px;
+    left: 10px;
+    width: 200px;
+    background: #ffffff;
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: 0;
+    padding: 0;
+}
+
+.shortcut-description {
+    background-color: #efefef;
+    max-width: 80px;
+    padding: 0 0 0 7px;
+}
+
+.shortcut-keybinding {
+    padding: 0 0 0 7px;
+}
+
+.shortcuts td {
+    border-top: 0;
+    border-bottom: 1px solid #aaa;
 }

diff --git a/src/css/flowy.css b/src/css/flowy.css
index 8eeadd5fecea54e5b20ce33ccd87ba1e15a6a329..88cfec030c73688b8a53b5467dd50fa46d89940e 100644 (file)
--- a/src/css/flowy.css
+++ b/src/css/flowy.css
@@ -1,3 +1,7 @@
+body {
+    background: #f9f9fa;
+}
+
 .text {
     font-size: 20pt;
     margin-top: 5px;
@@ -23,5 +27,40 @@
     border: 2px solid;
 }
 
-#shortcuts button {
+#todo-list {
+    width: 80%;
+    margin: auto;
+    max-width: 600px;
+    border: 1px solid #ccc;
+    padding-top: 60px;
+    padding-bottom: 10px;
+    background: #ffffff;
+}
+
+#shortcuts {
+    position: fixed;
+    height: 100%;
+    top: -2px;
+    left: 10px;
+    width: 200px;
+    background: #ffffff;
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: 0;
+    padding: 0;
+}
+
+.shortcut-description {
+    background-color: #efefef;
+    max-width: 80px;
+    padding: 0 0 0 7px;
+}
+
+.shortcut-keybinding {
+    padding: 0 0 0 7px;
+}
+
+.shortcuts td {
+    border-top: 0;
+    border-bottom: 1px solid #aaa;
 }