Resize the cog icon and change it's look

The cog icon looked too large before and the way it looked wasn't too good. Updated the icons SVG and changed its size.
2020-09-17 11:12:47 +05:30
parent 8011f7c029
commit a401ff0b46
3 changed files with 20 additions and 12 deletions
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -254,13 +254,16 @@ body {
 }

 #settings-cog {
-    width: 48px;
-    height: 48px;
+    width: 23px;
+    height: 23px;
    position: absolute;
    bottom: 25px;
-    right: 25px; 
-
-    .cog:hover {
+    right: 25px;
+    transition: 2s ease-in;
+    
+    &:hover .cog {
        fill: white;
+        stroke: white;
+        transition: 2s ease-in;
    }
 }