update style

src/Flows.css

@@ -13,8 +13,9 @@
 }
 
 .box-danger {
-    background-color: #fcc;
+    background-color: #f33;
-    border: 2px solid #f77;
+    color: white;
+    text-shadow: 0 0 3px black;
 }
 
 .left-container .flow-item {
@@ -156,7 +157,7 @@
 }
 
 .box-content {
-    margin: .5em 0;
+    padding: .5em 0;
 }
 
 .left-container .box-content {

src/Flows.js

@@ -356,7 +356,7 @@ class FlowSidebar extends PureComponent {
                     />
                 </ClickHandler>
                 {!!this.state.error_msg &&
-                    <div className="box box-tip flow-item box-danger">
+                    <div className="box box-tip flow-item">
                         <p>回复加载失败</p>
                         <p>{this.state.error_msg}</p>
                     </div>

src/Sidebar.css

@@ -21,7 +21,7 @@
     position: fixed;
     top: 0;
     height: 100%;
-    background-color: rgba(255,255,255,.7);
+    background-color: rgba(255,255,255,.8);
     overflow-y: auto;
     padding-top: 3em;
     padding-bottom: 1em;