From 79e9e05c980710a458724cd8bb3fbc6d96d86fdd Mon Sep 17 00:00:00 2001
From: damedotblog <hi@dame.art>
Date: Mon, 3 Mar 2025 13:43:28 -0500
Subject: [PATCH] fix resource library mobile styles

---
 src/components/Resources/Resources.css     | 23 ++++++++++------------
 src/components/UserProfile/UserProfile.css |  4 ----
 2 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/src/components/Resources/Resources.css b/src/components/Resources/Resources.css
index 2b6c939..6593f7e 100644
--- a/src/components/Resources/Resources.css
+++ b/src/components/Resources/Resources.css
@@ -399,21 +399,13 @@
     flex-direction: column;
   }
   
-  .search-filters-container {
-    flex-direction: column;
-    gap: 10px;
-  }
-  
-  .search-container {
-    max-width: none;
-  }
-  
   .quick-actions {
     width: 100%;
   }
-  
-  .feeling-lucky-button {
-    width: 100%;
+
+  & .feeling-lucky-button {
+    max-width: 100px;
+    font-size: 0.9em;
   }
 }
 
@@ -447,11 +439,13 @@
   .filter-dropdown {
     width: 100%;
     justify-content: space-between;
+    flex-direction: column;
   }
   
   .toggle-filters {
     width: 100%;
     justify-content: space-between;
+    flex-direction: column;
   }
   
   .filter-share-button {
@@ -495,6 +489,10 @@
   .resources-page {
     max-width: 100%;
   }
+
+  .search-filters-container {
+    gap: 0px;
+  }
   
   .resources-header h1 {
     font-size: 1.4rem;
@@ -506,7 +504,6 @@
   
   .toggle-filters {
     flex-direction: column;
-    align-items: flex-start;
     gap: 10px;
   }
 
diff --git a/src/components/UserProfile/UserProfile.css b/src/components/UserProfile/UserProfile.css
index 0f0d8ad..ec36378 100644
--- a/src/components/UserProfile/UserProfile.css
+++ b/src/components/UserProfile/UserProfile.css
@@ -665,10 +665,6 @@ overflow: auto;
   font-size: 1.5em;
 }
 
-.react-grid-layout {
-  margin: 10px;
-}
-
 .react-grid-item {
   margin-bottom: 15px;
 }
-- 
2.51.2