component classes v2

[lemmy-ui.git] / src / shared / components / common / data-type-select.tsx

diff --git a/src/shared/components/common/data-type-select.tsx b/src/shared/components/common/data-type-select.tsx
index 59c07d759c70588ba989d191efa1cc6f6774256c..b61d6840ff7b4e769d806af1a34634337e4138b5 100644 (file)
--- a/src/shared/components/common/data-type-select.tsx
+++ b/src/shared/components/common/data-type-select.tsx
@@ -31,7 +31,7 @@ export class DataTypeSelect extends Component<
 
   render() {
     return (
-      <div className="btn-group btn-group-toggle flex-wrap mb-2">
+      <div className="data-type-select btn-group btn-group-toggle flex-wrap">
         <label
           className={`pointer btn btn-outline-secondary 
             ${this.state.type_ == DataType.Post && "active"}
@@ -39,6 +39,7 @@ export class DataTypeSelect extends Component<
         >
           <input
             type="radio"
+            className="btn-check"
             value={DataType.Post}
             checked={this.state.type_ == DataType.Post}
             onChange={linkEvent(this, this.handleTypeChange)}
@@ -52,6 +53,7 @@ export class DataTypeSelect extends Component<
         >
           <input
             type="radio"
+            className="btn-check"
             value={DataType.Comment}
             checked={this.state.type_ == DataType.Comment}
             onChange={linkEvent(this, this.handleTypeChange)}