transition

client/assets/styles/controls.less

@@ -30,6 +30,6 @@ aside {
 .ready {
     color: forestgreen;
     transition-property: color, background;
-    transition-duration: 0.5s;
+    transition-duration: 0.25s;
     transition-timing-function: ease;
 }

client/assets/styles/instance.less

@@ -351,6 +351,10 @@
 
 .equipping, .receiving {
     transition: border-color 0.5s ease-in;
+    transition-duration: 0.25s;
+    transition-delay: 0;
+    transition-timing-function: ease;
+
     border: 2px dashed @gray-hint;
 }
 

client/assets/styles/instance.mobile.css

@@ -101,7 +101,7 @@
         padding: 0;
 
         transition-property: all;
-        transition-duration: 0.5s;
+        transition-duration: 0.25s;
         transition-delay: 0;
         transition-timing-function: ease;
     }

client/assets/styles/styles.less

@@ -144,7 +144,7 @@ tr.right:focus, tr.right:hover {
 
 tr {
     transition-property: color, background;
-    transition-duration: 0.5s;
+    transition-duration: 0.25s;
     transition-delay: 0;
     transition-timing-function: ease;
 }
@@ -163,7 +163,7 @@ button, input {
 
     /*the transitions */
     transition-property: color, background;
-    transition-duration: 0.5s;
+    transition-duration: 0.25s;
     transition-delay: 0;
     transition-timing-function: ease;
 }
@@ -360,7 +360,7 @@ header {
     animation: saw 2s infinite linear;
 
     transition-property: stroke-color;
-    transition-duration: 0.5s;
+    transition-duration: 0.25s;
     transition-timing-function: ease;
 }
 
@@ -400,7 +400,7 @@ header {
 
     border: 1px solid black;
     transition-property: border;
-    transition-duration: 0.5s;
+    transition-duration: 0.25s;
     transition-delay: 0;
     transition-timing-function: ease;
 
@@ -604,7 +604,7 @@ main .top button {
 .timer {
     background: whitesmoke;
     transition-property: all;
-    transition-duration: 0.5s;
+    transition-duration: 0.25s;
     transition-delay: 0;
     transition-timing-function: ease;
 }