From c5a9d5ad626b34cec0512bb0aebce2b58fcf8401 Mon Sep 17 00:00:00 2001
From: jas0ncn <me@ijason.cc>
Date: Sat, 27 Oct 2018 23:03:53 +0800
Subject: [PATCH] Improve: optimize styles

---
 src/components/Header/style.scss   | 3 ++-
 src/containers/Logs/style.scss     | 5 +++--
 src/containers/Rules/style.scss    | 2 +-
 src/containers/Settings/style.scss | 4 ++--
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Header/style.scss b/src/components/Header/style.scss
index 1dfa24b..4ff9b79 100644
--- a/src/components/Header/style.scss
+++ b/src/components/Header/style.scss
@@ -1,11 +1,13 @@
 @import '~@styles/variables';
 
 .header {
+    margin: 10px 0;
     width: 100%;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
+    user-select: none;
 
     > h1 {
         flex-shrink: 0;
@@ -13,7 +15,6 @@
         color: $color-primary-dark;
         font-weight: 500;
         text-shadow: 0 2px 6px rgba($color: $color-primary-dark, $alpha: 0.4);
-        user-select: none;
         line-height: 32px;
     }
 }
diff --git a/src/containers/Logs/style.scss b/src/containers/Logs/style.scss
index 5f594e0..b377ef5 100644
--- a/src/containers/Logs/style.scss
+++ b/src/containers/Logs/style.scss
@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
-    margin-top: 25px;
+    margin-top: 10px;
 }
 
 .logs-panel {
@@ -14,9 +14,10 @@
     padding: 10px;
     border-radius: 2px;
     background-color: #f3f6f9;
-    font-size: 14px;
+    font-size: 12px;
     color: #73808f;
     overflow-y: auto;
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
 
     li {
         line-height: 20px;
diff --git a/src/containers/Rules/style.scss b/src/containers/Rules/style.scss
index 7ed93b3..df886e0 100644
--- a/src/containers/Rules/style.scss
+++ b/src/containers/Rules/style.scss
@@ -4,7 +4,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
-    margin-top: 25px;
+    margin-top: 10px;
     padding: 0;
 
     .rules {
diff --git a/src/containers/Settings/style.scss b/src/containers/Settings/style.scss
index 5830be8..3b66372 100644
--- a/src/containers/Settings/style.scss
+++ b/src/containers/Settings/style.scss
@@ -1,7 +1,7 @@
 @import '~@styles/variables';
 
 .settings-card {
-    margin-top: 25px;
+    margin-top: 10px;
     padding: 20px 0;
 
     .column {
@@ -37,7 +37,7 @@
 
 .clash-version {
     position: relative;
-    margin-top: 25px;
+    margin-top: 10px;
     padding: 20px 45px;
     display: flex;