]> Untitled Git - lemmy.git/blobdiff - ui/src/components/data-type-select.tsx
routes.api: fix get_captcha endpoint (#1135)
[lemmy.git] / ui / src / components / data-type-select.tsx
index 8e905bf4cd6b0824a0e5ac8a957b23bb53a8be9b..c3e1fc60573d8b3c697542ccc6899940cc9839d0 100644 (file)
@@ -25,7 +25,7 @@ export class DataTypeSelect extends Component<
     this.state = this.emptyState;
   }
 
-  static getDerivedStateFromProps(props) {
+  static getDerivedStateFromProps(props: any): DataTypeSelectProps {
     return {
       type_: props.type_,
     };
@@ -33,9 +33,9 @@ export class DataTypeSelect extends Component<
 
   render() {
     return (
-      <div class="btn-group btn-group-toggle">
+      <div class="btn-group btn-group-toggle flex-wrap mb-2">
         <label
-          className={`pointer btn btn-sm btn-secondary 
+          className={`pointer btn btn-outline-secondary 
             ${this.state.type_ == DataType.Post && 'active'}
           `}
         >
@@ -48,7 +48,7 @@ export class DataTypeSelect extends Component<
           {i18n.t('posts')}
         </label>
         <label
-          className={`pointer btn btn-sm btn-secondary ${
+          className={`pointer btn btn-outline-secondary ${
             this.state.type_ == DataType.Comment && 'active'
           }`}
         >