From 8ebc479c476daf6484063db88077fd7be7548c59 Mon Sep 17 00:00:00 2001
From: xmcp <xiaoyuanan2000@sina.com>
Date: Sun, 26 Aug 2018 00:54:12 +0800
Subject: [PATCH] improve ui

---
 src/Flows.css      | 17 ++++++++++++++++-
 src/Sidebar.css    |  4 ++--
 src/Title.css      |  6 ++++++
 src/UserAction.css |  8 ++++++--
 src/UserAction.js  |  3 +--
 5 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/src/Flows.css b/src/Flows.css
index 0222f48..11f32fa 100644
--- a/src/Flows.css
+++ b/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 {
diff --git a/src/Sidebar.css b/src/Sidebar.css
index 9e69f0e..d7e0397 100644
--- a/src/Sidebar.css
+++ b/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;
     }
 }
 
diff --git a/src/Title.css b/src/Title.css
index 9a76683..7e7e6be 100644
--- a/src/Title.css
+++ b/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;
diff --git a/src/UserAction.css b/src/UserAction.css
index 0a2300a..7908ab2 100644
--- a/src/UserAction.css
+++ b/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;
diff --git a/src/UserAction.js b/src/UserAction.js
index f2addb6..12b74d3 100644
--- a/src/UserAction.js
+++ b/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>
         )