enlarge the distance between the front -and-back boxes

static/css/ordinary.css

@@ -122,7 +122,7 @@ a:focus, .btn-link:focus {
   position: absolute;
   top: 0;
   right: 0;
-  margin: 0 0 30px 20px;
+  margin: 0 0 50px 40px;
   width: 90%;
   background: #000;
   color: #fff;
@@ -138,7 +138,7 @@ a:focus, .btn-link:focus {
 
 .paragraph-list {
   position: relative;
-  margin: 30px 20px 30px 0;
+  margin: 40px 40px 30px 0;
 }
 
 .show-mask {

templates/story.html

@@ -73,14 +73,14 @@
       </div>
 
       <div class="create-paragraph twin behind qbox part-box">
-        <h1 style="text-align:right;margin:-8px -8px 16px">续!</h1>
+        <h1 style="text-align:right;margin:-8px -8px 16px">续！</h1>
         <form action="create" method="post">
           <input type="hidden" name="story-id" value={{story_id}}>
           <div class="form-group">
             <textarea class="form-control" name="text" rows="11" placeholder="来续写吧，140字以内" required maxLength="140"></textarea>
           </div>
           <div class="form-group">
-            <button type="submit" class="btn btn-link btn-lg">续!</button>
+            <button type="submit" class="btn btn-link btn-lg">续！</button>
           </div>
         </form>
       </div>
@@ -89,7 +89,7 @@
 
   <div class="footer">
     <p>
-      由<a href="//closed.social" target="_blank">闭社</a>提供技术支持,本报名系统开源于<a href="//git.closed.social/closed-social/">碧茶</a>。
+      由<a href="//closed.social" target="_blank">闭社</a>提供技术支持，本报名系统开源于<a href="//git.closed.social/closed-social/">碧茶</a>。
     </p>
     <p> 🄯 2021 Copyleft: closed.social</p>
   </div>