Improved frontend (not sure about #777)

1 files changed, 6 insertions, 3 deletions

diff --git a/quotes/public/style.css b/quotes/public/style.css
index ae0642b..483289a 100644
--- a/quotes/public/style.css
+++ b/quotes/public/style.css
@@ -4,6 +4,8 @@ body {
     margin: 0;
     height: 100%;
     width: 100%;
+    color: #777;
+    line-height: 1.6;
     background-color: #eec0c6;
     background-image: linear-gradient(315deg, #eec0c6 0%, #7ee8fa 74%);
 }
@@ -14,9 +16,9 @@ div {
 
 main {
     position: absolute;
-    max-height: 80%;
+    max-height: calc(100% - 140px);
     overflow-y: auto;
-    width: 40%;
+    width: 50%;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
@@ -52,10 +54,11 @@ input,
 button,
 select {
     width: 100%;
+    color: #777;
 }
 
 @media only screen and (max-width: 700px) {
     main {
-        width: calc(100% - 50px);
+        width: calc(100% - 20%);
     }
 }