Updated mobile formatting

michaelrutherford · Jun 28, 2024 · b542e0d · b542e0d
1 parent e258273
commit b542e0d
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/styles.css b/styles.css
@@ -36,19 +36,17 @@ header h1 {
     height: 50vh;
     position: relative;
     background-color: #d3ffff;
-    margin-top: 20px;
     border: 1px solid #ccc;
     border-radius: 10px;
 }
 
 .toolbar-container {
     display: inline-flex;
     justify-content: center;
-    margin-bottom: 20px;
 }
 
 #toolbar {
-    display: inline-block;
+    display: block;
     background-color: rgb(240, 240, 240);
     padding: 10px;
     border: 1px solid #ccc;
@@ -62,7 +60,6 @@ header h1 {
 #clearButton {
     padding: 10px;
     cursor: pointer;
-    max-height: 10vh;
 }
 
 #statistics {
@@ -92,7 +89,7 @@ header h1 {
 .microbe {
     width: 20px;
     height: 20px;
-    margin: 10px;
+    margin: 20px auto;
     border-radius: 50%;
     border-style: solid;
     border-width: 1px;