💄 More consistent UI progress bars

Author: GitSquared

src/assets/css/mod_ramwatcher.css

@@ -102,17 +102,17 @@ progress#mod_ramwatcher_swapbar {
 
 progress#mod_ramwatcher_swapbar::-webkit-progress-bar {
     background: rgba(var(--color_r), var(--color_g), var(--color_b), 0.4);
-    height: .3vh;
+    height: .25vh;
     position: relative;
-    top: .35vh;
+    top: .55vh;
 }
 
 progress#mod_ramwatcher_swapbar::-webkit-progress-value {
     background: rgb(var(--color_r), var(--color_g), var(--color_b));
-    height: .6vh;
+    height: .4vh;
     transition: width .5s cubic-bezier(0.4, 0, 1, 1);
     position: relative;
-    bottom: .15vh;
+    bottom: .4vh;
 }
 
 h3#mod_ramwatcher_swaptext {

src/classes/ramwatcher.class.js

@@ -17,7 +17,7 @@ class RAMwatcher {
                 <div id="mod_ramwatcher_swapcontainer">
                     <h1>SWAP</h1>
                     <progress id="mod_ramwatcher_swapbar" max="100" value="0"></progress>
-                    <h3 id="mod_ramwatcher_swaptext">(0.0 GiB)</h3>
+                    <h3 id="mod_ramwatcher_swaptext">0.0 GiB</h3>
                 </div>
         </div>`;
 
@@ -69,7 +69,7 @@ class RAMwatcher {
             document.getElementById("mod_ramwatcher_swapbar").value = usedSwap;
 
             let usedSwapGiB = Math.round((data.swapused/1073742000)*10)/10;
-            document.getElementById("mod_ramwatcher_swaptext").innerText = `(${usedSwapGiB} GiB)`;
+            document.getElementById("mod_ramwatcher_swaptext").innerText = `${usedSwapGiB} GiB`;
         });
     }
     shuffleArray(array) {