From b9ead6770a0adc6aa842998177b0c28abb649831 Mon Sep 17 00:00:00 2001
From: Anthony Correa <a@correa.co>
Date: Fri, 22 Mar 2024 15:49:17 -0500
Subject: [PATCH] styling changes

---
 src/views/event/partials/event_panel.hbs | 34 +++++++++++++-----------
 src/views/layouts/main.hbs               |  2 +-
 src/views/opponent/list.hbs              |  1 +
 src/views/team/home.hbs                  | 23 ++++++++--------
 4 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/src/views/event/partials/event_panel.hbs b/src/views/event/partials/event_panel.hbs
index c2fbc13..0d56bd6 100644
--- a/src/views/event/partials/event_panel.hbs
+++ b/src/views/event/partials/event_panel.hbs
@@ -12,21 +12,23 @@
         </div>
     </div>
     <div class=" Panel-footer u-flex u-flexJustifyAround u-padSm">
-        <a class="Button" href="/{{team.id}}/event/{{event.id}}">
-            <span>{{{embeddedSvgFromPath "/bootstrap-icons/calendar.svg"}}}</span> 
-            <span class="u-hidden u-xs-inline">Details</span> 
-        </a>
-        <a class="Button" href="/{{team.id}}/event/{{event.id}}/lineup">
-            <span>{{{embeddedSvgFromPath "/bootstrap-icons/clipboard.svg"}}}</span> 
-            <span class="u-hidden u-xs-inline">Lineup</span> 
-        </a>
-        <a class="Button" href="/{{team.id}}/event/{{event.id}}/sheet">
-            <span>{{{embeddedSvgFromPath "/bootstrap-icons/file-earmark.svg"}}}</span> 
-            <span class="u-hidden u-xs-inline">Sheet</span> 
-        </a>
-        <a class="Button" href="https://go.teamsnap.com/{{team.id}}/schedule/view_game/{{event.id}}">
-            <span>{{{embeddedSvgFromPath "/media/teamsnap_star.svg"}}}</span> 
-            <span class="u-hidden u-xs-inline">TeamSnap</span> 
-        </a>
+        <div class="u-maxWidthXs">
+            <a class="Button" href="/{{team.id}}/event/{{event.id}}">
+                <span>{{{embeddedSvgFromPath "/bootstrap-icons/calendar.svg"}}}</span>
+                <span class="u-hidden">Details</span>
+            </a>
+            <a class="Button" href="/{{team.id}}/event/{{event.id}}/lineup">
+                <span>{{{embeddedSvgFromPath "/bootstrap-icons/clipboard.svg"}}}</span>
+                <span class="u-hidden">Lineup</span>
+            </a>
+            <a class="Button" href="/{{team.id}}/event/{{event.id}}/sheet">
+                <span>{{{embeddedSvgFromPath "/bootstrap-icons/file-earmark.svg"}}}</span>
+                <span class="u-hidden">Sheet</span>
+            </a>
+            <a class="Button" href="https://go.teamsnap.com/{{team.id}}/schedule/view_game/{{event.id}}">
+                <span>{{{embeddedSvgFromPath "/media/teamsnap_star.svg"}}}</span>
+                <span class="u-hidden">TeamSnap</span>
+            </a>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/views/layouts/main.hbs b/src/views/layouts/main.hbs
index 4bc81f3..3bb68ab 100644
--- a/src/views/layouts/main.hbs
+++ b/src/views/layouts/main.hbs
@@ -25,7 +25,7 @@
         {{> navbar }}
         {{{_sections.header}}}
     </header>
-    <main class="u-sm-spaceSidesMd">
+    <main class="u-xs-spaceSidesMd">
     {{{ body }}}
     </main>
 </body>
diff --git a/src/views/opponent/list.hbs b/src/views/opponent/list.hbs
index 13e7235..eb70820 100644
--- a/src/views/opponent/list.hbs
+++ b/src/views/opponent/list.hbs
@@ -1,5 +1,6 @@
 <h1>
   {{title}}
+  <hr class="Divider" />
 </h1>
 <div class="Panel">
   <div class="Panel-body">
diff --git a/src/views/team/home.hbs b/src/views/team/home.hbs
index 6a1ef3b..f729b9e 100644
--- a/src/views/team/home.hbs
+++ b/src/views/team/home.hbs
@@ -29,24 +29,23 @@
   </div>
 </div>
 
-<div class=" Panel Panel--full">
-  <div class=" Panel-header">
-    <h2 class=" Panel-title">Upcoming Events</h2>
-  </div>
-  <div class=" Panel-body">
+
+<h2 class=" ">Upcoming Events</h2>
+<hr class="Divider" />
+<div class="Grid Grid--withGutter">
     {{#each upcoming_events}}
+  <div class="Grid-cell u-xs-size1of2 u-sm-size1of3">
       {{>event_panel event=this}}
-    {{/each}}
   </div>
+    {{/each}}
 </div>
 
-<div class=" Panel Panel--full">
-  <div class=" Panel-header">
-    <h2 class=" Panel-title">Recent Events</h2>
-  </div>
-  <div class=" Panel-body">
+<h2 class="">Recent Events</h2>
+<hr class="Divider" />
+<div class="Grid Grid--withGutter">
     {{#each recent_events}}
+  <div class="Grid-cell u-xs-size1of2 u-sm-size1of3">
       {{>event_panel event=this}}
-    {{/each}}
   </div>
+    {{/each}}
 </div>
\ No newline at end of file