From db41c035bfdd0e97662b80d02fbae4a99ed547c2 Mon Sep 17 00:00:00 2001
From: David Gay <david@davidgay.org>
Date: Thu, 3 Jun 2021 20:41:03 -0400
Subject: Adjust game boxes

---
 app/javascript/stylesheets/core.css    |  8 --------
 app/views/layouts/application.html.erb | 24 +++++++++++++++++-------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/app/javascript/stylesheets/core.css b/app/javascript/stylesheets/core.css
index 4342171..9bfb19b 100644
--- a/app/javascript/stylesheets/core.css
+++ b/app/javascript/stylesheets/core.css
@@ -11,17 +11,9 @@
 }
 
 .game-container-box {
-  min-height: 35rem;
   @apply p-2 border-2 border-gray-800 rounded;
 }
 
-.side-box {
-  height: 35rem;
-  position: -webkit-sticky;
-  position: sticky;
-  top: 8px;
-}
-
 .header-title {
   font-family: "Montaga", "Open Sans", sans-serif;
 }
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index f8381ce..485aa21 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -20,17 +20,27 @@
         <% if user_signed_in? %>
           <%= render "navbar" %>
         <% end %>
-        <div class="game-container-box col-span-12 sm:col-span-8">
-          <%= render "flash_messages" %>
-          <%= yield %>
+        <div class="flex flex-col col-span-12 sm:col-span-8">
+          <div class="game-container-box mb-2" style="height: 10rem;">
+            Results go here.
+          </div>
+          <div class="game-container-box" style="height: 25rem;">
+            <%= render "flash_messages" %>
+            <%= yield %>
+          </div>
         </div>
         <% if user_signed_in? %>
-          <div id="chat" class="game-container-box side-box col-span-12 sm:col-span-4"
-               data-turbolinks-permanent>
-            <%= render "chat" %>
+          <div class="flex flex-col col-span-12 sm:col-span-4">
+            <div class="game-container-box mb-2" style="height: 15rem;">
+              Timer goes here.
+            </div>
+            <div id="chat" class="game-container-box col-span-12 sm:col-span-4" style="height: 20rem;"
+                 data-turbolinks-permanent>
+              <%= render "chat" %>
+            </div>
           </div>
         <% else %>
-          <div id="game_info" class="game-container-box side-box col-span-12 sm:col-span-4"
+          <div id="game_info" class="game-container-box col-span-12 sm:col-span-4"
                data-turbolinks-permanent>
             <%= render "game_info" %>
           </div>
-- 
cgit v1.2.3