From a488eba128f2146e6484a28e3c9f828ad6f20773 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 7 Jul 2020 11:16:12 +0200
Subject: upload page styling

---
 animism-align/frontend/common/app.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'animism-align/frontend/common')

diff --git a/animism-align/frontend/common/app.css b/animism-align/frontend/common/app.css
index 3482820..362b933 100644
--- a/animism-align/frontend/common/app.css
+++ b/animism-align/frontend/common/app.css
@@ -59,7 +59,10 @@ body {
 
 
 .row.menubar {
+  background: #324;
+  padding: 0.5rem;
   justify-content: flex-end;
+  margin-bottom: 1rem;
 }
 .menubar > :first-child {
   flex: 1;
@@ -122,15 +125,16 @@ a {
 /* menu button */
 
 .menuButtons {
-  width: 2.5rem;
+  width: 3.5rem;
   min-height: 18rem;
+  padding: 0 1.0rem 0 1.0rem;
 }
 .menuButton {
   position: relative;
   text-align: center;
   text-transform: uppercase;
   font-size: 0.625rem;
-  color: #333;
+  color: #ddd;
   text-decoration: none;
   cursor: pointer;
   display: flex;
@@ -141,7 +145,7 @@ a {
   margin-bottom: 0.75rem;
 }
 .menuButton .icon {
-  background-color: #fff;
+  background-color: #101;
   width: 2.5rem;
   height: 2.5rem;
   border: 1px solid;
@@ -158,11 +162,11 @@ a {
   fill: #888;
 }
 .menuButton:hover .icon {
-  background-color: #eef;
-  border-color: #000;
+  background-color: #000;
+  border-color: #fff;
 }
 .menuButton:hover svg {
-  fill: #000;
+  fill: #fff;
 }
 
 .menuButton.small {
-- 
cgit v1.2.3-70-g09d2