ui updates

static/frontend/src/App.css

@@ -13,6 +13,27 @@
   box-shadow: 0 6px 12px rgba(147, 51, 234, 0.3);
 }
 
+@keyframes flipRight {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  50% {
+    transform: rotate(90deg);
+  }
+
+  100% {
+    transform: rotate(0deg);
+  }
+}
+
+.glass:hover>.absolute>img {
+  animation: flipRight 0.5s forwards;
+  animation-delay: 0s;
+
+}
+
+
 .glass_enabled {
   background: rgba(30, 240, 135, 0.2);
   border-color: rgba(51, 234, 127, 0.7);
@@ -42,7 +63,7 @@
 
 .gauge span {
   color: #d8b4fe;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: bold;
   z-index: 1;
 }