On second thought, make it wrap to a second line on small screens

s3cur3 · s3cur3 · commit 235490f3e31b · 2025-02-24T07:03:33.000-06:00
diff --git a/lib/fun_with_flags/ui/templates/rows/_percentage.html.eex b/lib/fun_with_flags/ui/templates/rows/_percentage.html.eex
@@ -7,7 +7,7 @@
 %>
 <div id="percentage_gate" class="container fwf-I-hate-grids">
   <div class="row no-gutters d-flex flex-nowrap" style="gap: 8px;">
-    <div class="d-flex flex-grow-1 w-100 justify-content-between">
+    <div class="d-md-flex flex-grow-1 w-100 justify-content-between">
       <div>
         <span class="badge badge-default">% of <%= gate_type %></span>
         -

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`%>`
`8`	`8`	`<div id="percentage_gate" class="container fwf-I-hate-grids">`
`9`	`9`	`<div class="row no-gutters d-flex flex-nowrap" style="gap: 8px;">`
`10`		`- <div class="d-flex flex-grow-1 w-100 justify-content-between">`
	`10`	`+ <div class="d-md-flex flex-grow-1 w-100 justify-content-between">`
`11`	`11`	`<div>`
`12`	`12`	`<span class="badge badge-default">% of <%= gate_type %></span>`
`13`	`13`	`-`