Add frontend tests and other stuff

[recipes.git] / backend / style.scss

diff --git a/backend/style.scss b/backend/style.scss
index 94fa501..4f7cc70 100644 (file)
--- a/backend/style.scss
+++ b/backend/style.scss
@@ -13,6 +13,10 @@ $background-container: lighten($primary, 10%);
     padding: 0px;
 }
 
+html {
+    font-size: 80%
+}
+
 a {
     color: lighten($primary, 40%);
     text-decoration: none;
@@ -20,7 +24,6 @@ a {
 }
 
 body {
-    font-size: 13px;
     font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
     text-shadow: 2px 2px 2px rgb(0, 0, 0);
     text-align: center;
@@ -29,6 +32,15 @@ body {
     background-color: $background;
     margin: 0px;
 
+    .recipe-item {
+        padding: 4px;
+    }
+
+    .recipe-item-current {
+        padding: 3px;
+        border: 1px solid white;
+    }
+
     /*
     .header-container {
 
@@ -44,13 +56,13 @@ body {
 
         .content {
             background-color: $background-container;
-            border: 1px solid white;
-            padding: 10px;
+            border: 0.1em solid white;
+            padding: 0.5em;
         }
     }
 
     .footer-container {
-        font-size: 10px;
+        font-size: 0.5em;
     }
 }