chore(icons): adjusted icon sizes

frontend/src/icons.scss

@@ -15,6 +15,8 @@ $icons: ok,
     background-repeat: no-repeat;
     background-position: center;
     aspect-ratio: 1/1;
+    min-width: 1em;
+    font-size: inherit;
     display: inline-block;
     filter: invert(22%) sepia(84%) saturate(7448%) hue-rotate(357deg) brightness(102%) contrast(116%);
   }
@@ -22,15 +24,13 @@ $icons: ok,
 
 .small-ico {
   font-size: 1em;
-  width: 1em;
 }
 
 .medium-ico {
   font-size: 1.5em;
-  width: 1.5em;
 }
 
 .large-ico {
   font-size: 2em;
-  width: 2em;
 }
+

src/Utils/Icon.hs

@@ -260,7 +260,13 @@ iconStacked ic0 ic1
 -}
 
 iconStacked :: Icon -> Icon -> Markup
-iconStacked i _ = icon i -- TODO
+iconStacked ic0 ic1
+  = [shamlet|
+    $newline never
+    <span .icon--stacked>
+      <span .ico-#{iconText ic0} .medium-ico>
+      <span .ico-#{iconText ic1} .medium-ico>
+  |]
 
 -- Create an icon (defaults to "?") with a specified tooltip; inline-bool just affects the size of the icon
 iconTooltip :: forall site. WidgetFor site () -> Maybe Icon -> Bool -> WidgetFor site ()

templates/widgets/navbar/navbar.hamlet

@@ -46,7 +46,7 @@ $# SPDX-License-Identifier: AGPL-3.0-or-later
       $forall n@(NavHeaderContainer{ navHeaderRole }, containerIdent, _, ns) <- filter isNavHeaderContainer nav
         <div .navbar__container-list :navHeaderRole == NavHeaderPrimary:.navbar__container-list--left ##{containerIdent}-container>
           <label .navbar__container-list-closer for=container-radio-none>
-            <span .fa-#{iconText IconNavContainerClose} .medium-ico>
+            <span .ico-#{iconText IconNavContainerClose} .medium-ico>
           <ul>
             $forall iN@(nl, _, _) <- ns
               <li .navbar__container-list-item :highlightNav nl:.navbar__container-list-item--active>