fix: small weather icons (#361)

Signed-off-by: David Ralph <ohlookitsderpy@protonmail.com>
Co-authored-by: alexsparkes <alexsparkes@gmail.com>

package.json

@@ -62,4 +62,4 @@
     "lint:fix": "eslint \"./src/**/*.{js,jsx}\" --fix && stylelint \"./src/**/*.{scss,css}\" --fix",
     "postinstall": "husky install"
   }
-}
+}

pnpm-lock.yaml

@@ -6204,4 +6204,4 @@ packages:
   /yocto-queue/0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
-    dev: true
+    dev: true

src/components/widgets/weather/Expanded.jsx

@@ -50,9 +50,11 @@ function Expanded({ state, weatherType, variables }) {
           <span>
             <WiWindy className="weatherIcon" />
             {state.weather.wind_speed}
-            <span className="minmax"> m/s</span>{' '}
+            <span className="minmax">m/s</span>{' '}
             {enabled('windDirection') ? (
+              <div style={{ fontSize: "25px", display: "grid" }}>
               <WindDirectionIcon className="weatherIcon" degrees={state.weather.wind_degrees} />
+              </div>
             ) : null}
           </span>
         </Tooltip>
@@ -67,7 +69,7 @@ function Expanded({ state, weatherType, variables }) {
           <span>
             <WiBarometer className="weatherIcon" />
             {state.weather.pressure}
-            <span className="minmax"> hPa</span>
+            <span className="minmax">hPa</span>
           </span>
         </Tooltip>
       ) : null}

src/components/widgets/weather/weather.scss

@@ -97,7 +97,7 @@
   span {
     display: flex;
     align-items: center;
-    gap: 20px;
+    gap: 10px;
   }
 
   @include themed {