#498 try to align components

src/components/Logbook/Menu/SettingLogbookMenuPanel.js

@@ -144,10 +144,13 @@ export default function SettingLogbookMenuPanel(props) {
                       checked={automaticRefresh}
                       width={switchWidth}
                       height={switchHeight}
+                      className={styles.logbookSwitch}
                     />
                   </Col>
                   <Col md={12} sm={12} xs={12}>
-                    <span>Auto refresh logs</span>
+                    <div className={styles.logbookTextSwitch}>
+                      Auto refresh logs
+                    </div>
                   </Col>
                 </Row>
               )}
@@ -162,10 +165,13 @@ export default function SettingLogbookMenuPanel(props) {
                       checked={automaticCollapsing}
                       width={switchWidth}
                       height={switchHeight}
+                      className={styles.logbookSwitch}
                     />
                   </Col>
                   <Col md={12} sm={12} xs={12}>
-                    <span>Group together command lines</span>
+                    <div className={styles.logbookTextSwitch}>
+                      Group together command lines
+                    </div>
                   </Col>
                 </Row>
               )}
@@ -181,6 +187,7 @@ export default function SettingLogbookMenuPanel(props) {
                     onChange={() => {
                       dispatch(setIsSortingLatestEventsFirst(false));
                     }}
+                    className={styles.logbookRadio}
                   >
                     Oldest log on top
                   </Radio>
@@ -191,6 +198,7 @@ export default function SettingLogbookMenuPanel(props) {
                     onChange={() => {
                       dispatch(setIsSortingLatestEventsFirst(true));
                     }}
+                    className={styles.logbookRadio}
                   >
                     Latest log on top
                   </Radio>

src/components/Logbook/Menu/SettingLogbookMenuPanel.module.css

 .returnCheckbox {
   margin-bottom: 12px !important;
 }
+
+.logbookSwitch {
+  margin-top: 10px;
+  margin-left: -20px;
+}
+
+.logbookTextSwitch {
+  margin-top: 14px;
+  margin-left: -20px;
+}
+
+.logbookRadio {
+  margin-left: -20px;
+}