improve ui

src/Flows.css

@@ -91,7 +91,22 @@
 
 .left-container .flow-item-row {
     cursor: default;
-    transition: margin-left 200ms ease-out;
+}
+
+.flow-item-row:hover::before {
+    content: '>>';
+    position: absolute;
+    left: 10px;
+    margin-top: 1.5em;
+    color: white;
+    text-shadow: 0 0 5px #000;
+    font-family: 'Consolas', 'Courier', monospace;
+}
+
+@media screen and (max-width: 1200px) {
+    .flow-item-row:hover::before {
+        display: none;
+    }
 }
 
 .flow-item-row p.img {

src/Sidebar.css

@@ -41,11 +41,11 @@
 }
 @media screen and (max-width: 600px) {
     .sidebar {
-        width: calc(100% - 25px);
+        width: calc(100% - 20px);
         padding: 1em .5em;
     }
     .sidebar-on .sidebar {
-        left: 25px;
+        left: 20px;
     }
 }
 

src/Title.css

@@ -27,6 +27,12 @@
     text-align: center;
     color: black;
 }
+
+.control-btn .icon:before {
+    margin: .5em;
+    display: inline-block;
+}
+
 .control-bar input {
     flex: auto;
     color: black;

src/UserAction.css

@@ -11,8 +11,8 @@
 .reply-form textarea {
     resize: vertical;
     flex: 1;
-    min-height: 3em;
-    height: 5em;
+    min-height: 2em;
+    height: 4em;
 }
 .reply-form button {
     flex: 0 0 3em;
@@ -21,10 +21,14 @@
 .post-form-bar {
     line-height: 2em;
     display: flex;
+    margin-bottom: .5em;
 }
 .post-form-bar label {
     flex: 1;
 }
+.post-form-bar input[type=file] {
+    border: 0;
+}
 @media screen and (max-width: 600px) {
     .post-form-bar input[type=file] {
         width: 150px;

src/UserAction.js

@@ -323,7 +323,7 @@ export class PostForm extends Component {
             <form onSubmit={this.on_submit.bind(this)} className="post-form box">
                 <div className="post-form-bar">
                     <label>
-                        图片：
+                        图片
                         <input ref={this.img_ref} type="file" accept="image/*"
                             {...this.state.loading_status!=='done' ? {disabled: true} : {}} />
                     </label>
@@ -338,7 +338,6 @@ export class PostForm extends Component {
                         </button>
                     }
                 </div>
-                <br />
                 <SafeTextarea ref={this.area_ref} id="new_post" on_change={this.on_change_bound} />
             </form>
         )