fix gc checkbox with new element

src/ui/components/ServerLaunchSection.css

@@ -0,0 +1,16 @@
+#serverControls .CheckboxDisplay {
+  border-color: #fff;
+  background: #fff;
+}
+
+#serverControls .Checkbox {
+  margin-bottom: 6px;
+}
+
+#serverControls .CheckboxDisplay {
+  margin-right: 6px;
+}
+
+#serverControls .Checkbox label {
+  color: #000;
+}

src/ui/components/ServerLaunchSection.tsx

@@ -4,6 +4,8 @@ import BigButton from './common/BigButton'
 import { getConfig, saveConfig } from '../../utils/configuration'
 import { invoke } from '@tauri-apps/api/tauri'
 
+import './ServerLaunchSection.css'
+
 interface IProps {
   [key: string]: any
 }

src/ui/components/common/Checkbox.css

@@ -18,4 +18,9 @@
 .CheckboxDisplay img {
   height: 100%;
   /* filter: invert(78%) sepia(91%) saturate(923%) hue-rotate(334deg) brightness(106%) contrast(102%); */
+}
+
+.Checkbox label {
+  display: flex;
+  flex-direction: row;
 }

src/ui/components/common/Checkbox.tsx

@@ -36,6 +36,7 @@ export default class Checkbox extends React.Component<IProps, IState> {
           <div className="CheckboxDisplay">
             {this.state.checked ? <img src={checkmark} alt='Checkmark' /> : null}
           </div>
+          <span>{this.props.label}</span>
         </label>
       </div>
     )