Separate display of raw value from percentag

Author: s3cur3

lib/fun_with_flags/ui/templates/rows/_percentage.html.eex

@@ -7,12 +7,16 @@
 %>
 <div id="percentage_gate" class="container fwf-I-hate-grids">
   <div class="row no-gutters d-flex flex-nowrap" style="gap: 8px;">
-    <div class="flex-grow-1 w-100">
-      <span class="badge badge-default">% of <%= gate_type %></span>
-      -
-      <%= html_status_for @gate.enabled %> for <%= Utils.as_percentage(@gate.for) %>% of the <%= gate_type %>
+    <div class="d-flex flex-grow-1 w-100 justify-content-between">
+      <div>
+        <span class="badge badge-default">% of <%= gate_type %></span>
+        -
+        <%= html_status_for @gate.enabled %> for <%= Utils.as_percentage(@gate.for) %>% of the <%= gate_type %>
+      </div>
 
-      raw value: <code><%= html_escape(@gate.for) %></code>
+      <div class="text-left">
+        raw value: <code><%= html_escape(@gate.for) %></code>
+      </div>
     </div>
 
     <div class="flex-shrink-0 text-right">