Attempt to make menus wider

src/app.css

@@ -1819,7 +1819,7 @@ body > .szh-menu-container {
   box-shadow: 0 3px 16px -3px var(--drop-shadow-color);
   text-align: start;
   /* animation: appear-smooth 0.15s ease-in-out; */
-  width: 16em;
+  min-width: 16em;
   max-width: 90vw;
   /* overflow: hidden; */
 }
@@ -2078,6 +2078,8 @@ body > .szh-menu-container {
 }
 
 .szh-menu .menu-wrap {
+  min-width: 16em;
+  width: min-content;
   display: flex;
   flex-wrap: wrap;
 }

src/components/nav-menu.css

@@ -13,7 +13,7 @@
       'top top'
       'left right';
     padding: 0;
-    width: 22em;
+    min-width: 22em;
     max-width: calc(100vw - 16px);
   }
   .nav-menu .top-menu {

src/components/status.jsx

@@ -1060,7 +1060,14 @@ function Status({
       )}
       <MenuItem href={url} target="_blank">
         <Icon icon="external" />
-        <small class="menu-double-lines">{nicePostURL(url)}</small>
+        <small
+          class="menu-double-lines"
+          style={{
+            maxWidth: '16em',
+          }}
+        >
+          {nicePostURL(url)}
+        </small>
       </MenuItem>
       <div class="menu-horizontal">
         <MenuItem