Improved frontend (not sure about #777)

1 files changed, 5 insertions, 3 deletions

diff --git a/mottovote/public/style.css b/mottovote/public/style.css
index 90bf0f6..3ac011d 100644
--- a/mottovote/public/style.css
+++ b/mottovote/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%);
 }
@@ -16,6 +18,8 @@ main {
     display: flex;
     flex-flow: row wrap;
     position: absolute;
+    max-height: calc(100% - 140px);
+    overflow-y: auto;
     width: 50%;
     left: 50%;
     top: 50%;
@@ -31,9 +35,7 @@ main {
 }
 
 #vote {
-    max-height: 80%;
     margin-bottom: 20px;
-    overflow-y: auto;
     width: 100%;
 }
 
@@ -54,6 +56,6 @@ select {
 
 @media only screen and (max-width: 700px) {
     main {
-        width: calc(100% - 50px);
+        width: calc(100% - 20%);
     }
 }