From a3d5c3a29b1bddf0e56aab2dfd58b6258f3f1ae7 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Thu, 10 Oct 2019 14:35:43 +1100
Subject: [PATCH] random styles

---
 client/assets/styles/controls.less | 35 +++++++++++++++++++++++++-----
 client/assets/styles/styles.less   | 13 +++++------
 2 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/client/assets/styles/controls.less b/client/assets/styles/controls.less
index 80612c3e..ef8fbdeb 100644
--- a/client/assets/styles/controls.less
+++ b/client/assets/styles/controls.less
@@ -50,19 +50,31 @@ aside {
         }
     }
 
-    button.ready:enabled {
-        &:hover {
-            color: forestgreen;
-            border-color: forestgreen;
-        }
+    // button.ready:enabled {
+    //     &:hover {
+    //         color: forestgreen;
+    //         border-color: forestgreen;
+    //     }
 
-        &:active, &:focus, &.enabled {
+    //     &:active, &:focus, &.enabled {
+    //         background: forestgreen;
+    //         color: black;
+    //         border-color: forestgreen;
+    //     }
+    // }
+
+    button.ready:enabled {
+        color: forestgreen;
+        border-color: forestgreen;
+
+        &:hover {
             background: forestgreen;
             color: black;
             border-color: forestgreen;
         }
     }
 
+
     .timer-container {
         grid-area: timer;
 
@@ -94,6 +106,7 @@ aside {
 
 .ready {
     color: forestgreen;
+    // animation: ready 2s linear 0s infinite alternate;
     transition-property: color, background;
     transition-duration: 0.25s;
     transition-timing-function: ease;
@@ -137,4 +150,14 @@ aside {
         color: black;
         border: 2px solid black;
     }
+}
+
+@keyframes ready {
+    from {
+        border-color: @gray-exists;
+    }
+
+    to {
+        border-color: forestgreen;
+    }
 }
\ No newline at end of file
diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less
index 2e3b241c..409e52fd 100644
--- a/client/assets/styles/styles.less
+++ b/client/assets/styles/styles.less
@@ -29,11 +29,11 @@ html body {
     overflow-y: hidden;
 }
 
-@media (min-width: 1921px) {
-    html, body, #mnml {
-        font-size: 16pt;
-    }
-}
+// @media (min-width: 1921px) {
+//     html, body, #mnml {
+//         font-size: 16pt;
+//     }
+// }
 
 html {
     box-sizing: border-box;
@@ -162,13 +162,12 @@ svg {
     fill: none;
     stroke: whitesmoke;
     stroke-width: 0.5em;
-    height: 2em;
+    height: 1.5em;
 }
 
 table {
     table-layout: fixed;
     width: 100%;
-    /*margin-bottom: 2em;*/
     margin-bottom: 0;
 }