From: Jay Sitter <jay@jaysitter.com>
Date: Sun, 2 Jul 2023 18:42:30 +0000 (-0400)
Subject: fix: Fix up filter row gaps and margins a little
X-Git-Url: http://these/git/%7B%60%24%7BghostArchiveUrl%7D/static/%7Bpost_view.post.url%7D?a=commitdiff_plain;h=b8c2e1e2cae82cd5b81be28b25ad7e388a48611b;p=lemmy-ui.git

fix: Fix up filter row gaps and margins a little
---

diff --git a/src/shared/components/person/inbox.tsx b/src/shared/components/person/inbox.tsx
index 294ba55..28bb071 100644
--- a/src/shared/components/person/inbox.tsx
+++ b/src/shared/components/person/inbox.tsx
@@ -238,7 +238,7 @@ export class Inbox extends Component<any, InboxState> {
             </h1>
             {this.hasUnreads && (
               <button
-                className="btn btn-secondary mb-2"
+                className="btn btn-secondary mb-2 mb-sm-3"
                 onClick={linkEvent(this, this.handleMarkAllAsRead)}
               >
                 {this.state.markAllAsReadRes.state == "loading" ? (
@@ -382,7 +382,7 @@ export class Inbox extends Component<any, InboxState> {
 
   selects() {
     return (
-      <div className="row row-cols-auto g-2 mb-2">
+      <div className="row row-cols-auto g-2 g-sm-3 mb-2 mb-sm-3">
         <div className="col">{this.unreadOrAllRadios()}</div>
         <div className="col">{this.messageTypeRadios()}</div>
         <div className="col">
diff --git a/src/shared/components/search.tsx b/src/shared/components/search.tsx
index 3774d0a..e9aaaa1 100644
--- a/src/shared/components/search.tsx
+++ b/src/shared/components/search.tsx
@@ -546,7 +546,7 @@ export class Search extends Component<any, SearchState> {
 
     return (
       <>
-        <div className="row row-cols-auto g-2 mb-2 mb-sm-3">
+        <div className="row row-cols-auto g-2 g-sm-3 mb-2 mb-sm-3">
           <div className="col">
             <select
               value={type}