New Top Bar design

src/index.css

@@ -20,13 +20,15 @@ header {
     display: flex;
     justify-content: flex-end;
     align-items: center;
-    padding: 20px 25px;
+    padding: 0px 5px;
+    padding-right: 142px;
     background-color: #0d131e;
-    height: 20px;
+    height: 31px;
     color: #9DA8B9;
     margin-bottom: 25px;
+    -webkit-app-region: drag;
 }
-header h1 {
+header h4 {
     margin-right: auto;
     display: flex;
     width: auto;
@@ -34,23 +36,27 @@ header h1 {
 
 .back-button {
     cursor: pointer;
-    padding: 10px;
+    -webkit-app-region: no-drag;
+    padding: 6px 10px;
+    height: 100%;
     background-color: #2196F3;
     color: white;
     border: none;
-    border-radius: 20px;
-    display: flex;
+    border-radius: 15px;
     font-size: large;
 }
 
 .back-button:hover {
-    transform: scale(1.05);
-    text-decoration: none;
+    background-color: #0b6ab9;
+    transform: scale(1);
 }
 
 #stopRender {
     background-color: #e1334e;
 }
+#stopRender:hover {
+    background-color: red;
+}
 
 #content {
     padding-left: 25px;
@@ -59,64 +65,44 @@ header h1 {
 
 #settings-button {
     cursor: pointer;
+    -webkit-app-region: no-drag;
     background-color: #2196F3;
     border-radius: 50%;
-    width: 45px;
-    height: 45px;
+    width: 30px;
+    height: 30px;
     align-items: center;
     border: none;
     outline: none;
 }
 #settings-button svg {
-    width: 35px;
-    height: 35px;
+    height: 24px;
     fill: white;
-    margin-left: 5px;
-    margin-top: 5px;
+    margin-left: 3px;
+    margin-top: 3px;
 }
 #settings-button:hover {
-    transform: scale(1.05);
-}
-
-#update-available {
-    cursor: pointer;
-    background-color: #21f3ad;
-    border-radius: 20%;
-    width: 45px;
-    height: 45px;
-    align-items: center;
-    border: none;
-    outline: none;
-    margin-right: 15px;
-}
-#update-available svg {
-    width: 35px;
-    height: 35px;
-    fill: white;
-    margin-left: 5px;
-    margin-top: 5px;
-}
-#update-available:hover {
-    transform: scale(1.05);
+    background-color: #0b6ab9;
+    transform: scale(1);
 }
 
 #blender-info {
     margin-right: auto;
+    display: flex;
+    align-items: center;
 }
 #blender-info p {
-    margin-top: 5px;
-    margin-bottom: 0;
+    padding-left: 5px;
 }
 #blender-icon {
-    width: 25px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
     align-items: center;
     margin-left: auto;
     margin-right: auto;
 }
 #blender-icon svg {
-    width: 25px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
     fill: white;
 }
 #blender-loading-icon {