fix: Simplify row classes a bit

diff --git a/src/shared/components/person/inbox.tsx b/src/shared/components/person/inbox.tsx
index 6500e96107bde211cd5a8b337405384033641c39..294ba556d27d3a54ba9936f77fddfb5055740030 100644 (file)
--- a/src/shared/components/person/inbox.tsx
+++ b/src/shared/components/person/inbox.tsx
@@ -382,10 +382,10 @@ export class Inbox extends Component<any, InboxState> {
 
   selects() {
     return (
-      <div className="row g-2 mb-2">
-        <div className="col-auto">{this.unreadOrAllRadios()}</div>
-        <div className="col-auto">{this.messageTypeRadios()}</div>
-        <div className="col-auto">
+      <div className="row row-cols-auto g-2 mb-2">
+        <div className="col">{this.unreadOrAllRadios()}</div>
+        <div className="col">{this.messageTypeRadios()}</div>
+        <div className="col">
           <CommentSortSelect
             sort={this.state.sort}
             onChange={this.handleSortChange}

diff --git a/src/shared/components/search.tsx b/src/shared/components/search.tsx
index c7a8cbaf61bb29609e2968492ffbf522eef738db..3774d0a1ee8477180cbf65878f08c54804b534d0 100644 (file)
--- a/src/shared/components/search.tsx
+++ b/src/shared/components/search.tsx
@@ -546,8 +546,8 @@ export class Search extends Component<any, SearchState> {
 
     return (
       <>
-        <div className="row g-2 mb-2 mb-sm-3">
-          <div className="col-auto">
+        <div className="row row-cols-auto g-2 mb-2 mb-sm-3">
+          <div className="col">
             <select
               value={type}
               onChange={linkEvent(this, this.handleTypeChange)}
@@ -566,7 +566,7 @@ export class Search extends Component<any, SearchState> {
               ))}
             </select>
           </div>
-          <div className="col-auto">
+          <div className="col">
             <ListingTypeSelect
               type_={listingType}
               showLocal={showLocal(this.isoData)}
@@ -574,7 +574,7 @@ export class Search extends Component<any, SearchState> {
               onChange={this.handleListingTypeChange}
             />
           </div>
-          <div className="col-auto">
+          <div className="col">
             <SortSelect
               sort={sort}
               onChange={this.handleSortChange}