From 933201d1a9f918e37fcf0548e6563036e6b41454 Mon Sep 17 00:00:00 2001
From: Bo Anderson <mail@boanderson.me>
Date: Tue, 12 Mar 2024 22:04:46 +0000
Subject: [PATCH] views/index: fix layout on mobile

---
 src/views/index.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/index.erb b/src/views/index.erb
index 5b48592..2c8d510 100644
--- a/src/views/index.erb
+++ b/src/views/index.erb
@@ -35,7 +35,7 @@
     </nav>
     <main class="container-xxl py-3" style="--bs-gutter-x: 2rem">
       <div class="d-md-flex align-items-start">
-        <div>
+        <div class="flex-shrink-0">
           <div class="nav nav-pills flex-column border-end pe-3 gap-1" role="tablist" aria-orientation="vertical">
             <button class="nav-link active text-start" id="jobs-tab" data-bs-toggle="pill" data-bs-target="#jobs-tab-pane" type="button" role="tab" aria-controls="jobs-tab-pane" aria-selected="true">🛠️ Jobs</button>
             <% state.thread_runners.each_with_index do |runner, index| %>
@@ -58,7 +58,7 @@
           </div>
           <p class="small mb-md-0 mt-3">Page generated at <%= Time.now %></p>
         </div>
-        <div class="tab-content ps-3 flex-fill" style="width: 0">
+        <div class="tab-content ps-3 flex-fill">
           <div class="tab-pane show active" id="jobs-tab-pane" role="tabpanel" aria-labelledby="jobs-tab" tabindex="0">
             <div class="table-responsive">
               <table class="table mb-0 align-middle">