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 294ba556d27d3a54ba9936f77fddfb5055740030..28bb07166752a6dd30f50e758a0fe9c8165d09a8 100644 (file)
--- 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 3774d0a1ee8477180cbf65878f08c54804b534d0..e9aaaa1b3761c97b37fcb821ce6930ad7cfa8c35 100644 (file)
--- 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}