Remove horizontal wiggle on mobile view

1 files changed, 11 insertions, 1 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index a470032a..49e2362b 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -457,7 +457,7 @@ input[type="submit"]:hover {
   height: 1.5rem;
 }
 
-.action_button svg
+.action_button svg,
 form.button_to svg  {
   width: 1.25rem;
   height: 1.25rem;
@@ -549,6 +549,8 @@ form.button_to svg  {
 
 .dashboard_widget {
   flex: 1 1 300px;
+  min-width: 0;
+  box-sizing: border-box;
   border: 1px solid var(--hairline);
   border-radius: var(--radius);
   padding: 0.5rem 0.75rem;
@@ -566,6 +568,7 @@ form.button_to svg  {
 
 .dashboard_widget li {
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
   align-items: flex-start;
   gap: 1rem;
@@ -579,6 +582,13 @@ form.button_to svg  {
   font-size: 0.85rem;
 }
 
+.dashboard_widget_meta svg {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+  flex: none;
+}
+
 /* ============================================================
    Tables
    ============================================================ */