Tweak css

jcraigk · Nov 9, 2024 · 2d1de50 · 2d1de50
1 parent 0362217
commit 2d1de50
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/app/javascript/components/EraShows.jsx b/app/javascript/components/EraShows.jsx
@@ -150,8 +150,10 @@ const EraShows = () => {
       </Helmet>
       <LayoutWrapper sidebarContent={sidebarContent}>
         <div className="display-phone-only">
-          {renderViewToggleButtons()}
-          {renderSortButtons()}
+          <div className="buttons mt-2 mb-2">
+            {renderViewToggleButtons()}
+            {renderSortButtons()}
+          </div>
         </div>
         <Shows shows={sortedShows} tourHeaders={true} viewMode={viewMode} />
         {yearLinks()}

diff --git a/app/javascript/stylesheets/application.css.scss b/app/javascript/stylesheets/application.css.scss
@@ -126,8 +126,8 @@ a {
   transform: translate(0, -50%);
   opacity: 0.2;
   font-size: 1rem;
-  z-index: 1; /* Behind the text */
-  pointer-events: none; /* Ignore mouse events */
+  z-index: 1;
+  pointer-events: none;
 }
 
 .large-album-art {

diff --git a/app/javascript/stylesheets/content.css.scss b/app/javascript/stylesheets/content.css.scss
@@ -667,7 +667,7 @@ main {
 
   .view-toggle {
     display: flex;
-    gap: 0.5rem; /* Space between buttons within each group */
+    gap: 0.5rem;
   }
 
   .grid-view {

diff --git a/app/javascript/stylesheets/search.css.scss b/app/javascript/stylesheets/search.css.scss
@@ -1,6 +1,6 @@
 .search-term-form {
   max-width: 12rem;
-  margin-bottom: 1rem; /* Add margin below search term input */
+  margin-bottom: 1rem;
 }
 
 @media (max-width: 1023px) {