Swap location of results box and chat box

1 files changed, 7 insertions, 5 deletions

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 577debc..a7068cd 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -25,20 +25,22 @@
             <%= yield %>
           </div>
           <% if user_signed_in? %>
-            <div class="game-container-box overflow-auto text-sm p-2" id="result_output"
-                 style="min-height: 30%; max-height: 50%" data-turbolinks-permanent>
+            <div id="chat" class="game-container-box overflow-y-auto"
+                 style="min-height: 10%; max-height: 20%"
+                 data-turbolinks-permanent>
+              <%= render "chat" %>
             </div>
           <% end %>
         </div>
         <% if user_signed_in? %>
           <div class="flex flex-col game-container-column col-span-12 sm:col-span-4 xl:col-span-3">
             <div class="game-container-box mb-2 overflow-y-auto" id="activity_controls"
-                 style="min-height: 50%" data-turbolinks-permanent>
+                 style="min-height: 40%" data-turbolinks-permanent>
               <%= render "timer" %>
             </div>
-            <div id="chat" class="game-container-box overflow-y-auto"
+            <div class="game-container-box overflow-auto text-sm p-2 flex-grow" id="result_output"
+                 style="max-height: 60%"
                  data-turbolinks-permanent>
-              <%= render "chat" %>
             </div>
           </div>
         <% else %>