🎨 Just a little bit adjusting

gulpfile.js

@@ -123,8 +123,8 @@ async function html() {
         SVGOMFG_VERSION: changelog[0].version,
         SVGO_VERSION,
         liveBaseUrl: 'https://omfg.svg.beauty',
-        title: `SVGOMFG - SVGO's Missing GUI`,
-        description: 'Easy & visual compression of SVG images.',
+        title: "SVGOMFG‼️ SVGO's Missing and Future-proof GUI",
+        description: 'Easy & Visual 🎛️ Compression of SVG Images ⚡ Ready to install for Offline Usage 🔌',
         appleTouchIconPath: '/apple-touch-icon.png',
         faviconPath: '/favicon.svg',
         ogImagePath: '/imgs/og-image.png',

package.json

@@ -8,6 +8,9 @@
   },
   "keywords": [
     "minify",
+    "optimize",
+    "open source",
+    "pwa",
     "svg",
     "svgo"
   ],

src/css/components/_floating-action-button.scss

@@ -7,7 +7,6 @@
   position: relative;
   cursor: pointer;
   overflow: hidden;
-  z-index: 0; // Is this really needed?
   display: flex;
   align-items: center;
   justify-content: center;
@@ -19,6 +18,8 @@
 
   &:hover,
   &.key-focused {
+    background-color: red;
+    color: #fff;
     transform: scale(1.15);
   }
 
@@ -51,7 +52,7 @@
     width: 56px;
     height: 56px;
     border-radius: 28px;
-    background-color: #fff;
+    background-color: red;
 
     .icon {
       fill: #fff;

src/css/components/_results.scss

@@ -9,7 +9,8 @@
     box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
     padding: 7px 25px 7px 11px;
     font-size: .9rem;
-    border-radius: 2px;
+    font-weight: 500;
+    border-radius: 4px;
 
     .decrease {
       color: green;

src/css/components/_settings.scss

@@ -1,5 +1,6 @@
 .settings {
   background-color: #fff;
+  border-radius: 4px;
   display: flex;
   flex-flow: column;
   @include user-select(none);
@@ -16,7 +17,7 @@
   position: relative;
   cursor: pointer;
   padding: 0 16px;
-  height: 51px;
+  height: 40px;
   display: grid;
   grid-template-columns: max-content 1fr;
   align-items: center;

src/js/page/ui/copy-button.js

@@ -8,7 +8,7 @@ export default class CopyButton extends FloatingActionButton {
       title,
       iconSvg:
         // prettier-ignore
-        '<svg aria-hidden="true" class="icon" viewBox="0 0 24 24">' +
+        '<svg aria-hidden="true" fill="currentColor" class="icon" viewBox="0 0 24 24">' +
           '<path d="M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18H9Zm0-2h9V4H9v12Zm-4 6q-.825 0-1.412-.587T3 20V7q0-.425.288-.712T4 6q.425 0 .713.288T5 7v13h10q.425 0 .713.288T16 21q0 .425-.288.713T15 22H5Zm4-6V4v12Z"/>' +
         '</svg>',
     })

src/js/svgo-worker/index.js

@@ -43,10 +43,7 @@ function compress(svgInput, settings) {
       params: {},
     }
 
-    // TODO: revisit this
-    // 0 almost always breaks images when used on `cleanupNumericValues`.
-    // Better to allow 0 for everything else, but switch to 1 for this plugin.
-    plugin.params.floatPrecision = plugin.name === 'cleanupNumericValues' && floatPrecision === 0 ? 1 : floatPrecision
+    plugin.params.floatPrecision = floatPrecision // Remove the switch to 1 precision
 
     plugin.params.transformPrecision = transformPrecision