add border, padding value, height

src/client/js/components/PageHistory/RevisionDiff.jsx

@@ -44,16 +44,29 @@ export default class RevisionDiff extends React.Component {
     return (
       <>
         <div className="comparison-header">
-          <span>ソース <UserDate dateTime={previousRevision.createdAt} />
-            <a href={`?revision=${previousRevision._id}`} className="ml-2">
-              <i className="icon-login"></i>
-            </a>
-          </span>
-          <span>ターゲット <UserDate dateTime={currentRevision.createdAt} />
-            <a href={`?revision=${currentRevision._id}`} className="ml-2">
-              <i className="icon-login"></i>
-            </a>
-          </span>
+          <div className="container pr-0">
+            <div className="row">
+              <div className="col hoge pl-0 pr-0">
+                <span className="pr-3">ソース</span><UserDate dateTime={previousRevision.createdAt} />
+                <a href={`?revision=${previousRevision._id}`} className="ml-2">
+                  <i className="icon-login"></i>
+                </a>
+
+              </div>
+              <div className="col px-3">
+                <span className="pr-3">ターゲット</span><UserDate dateTime={currentRevision.createdAt} />
+                <a href={`?revision=${currentRevision._id}`} className="ml-2">
+                  <i className="icon-login"></i>
+                </a>
+
+
+              </div>
+            </div>
+
+
+          </div>
+
+
         </div>
         <div className="revision-history-diff" dangerouslySetInnerHTML={diffView} />
       </>

src/client/styles/scss/_page-history.scss

@@ -64,11 +64,16 @@
   }
 
   .comparison-header {
-    height: 35px;
-    padding: 5px 10px;
+    height: 28px;
+    padding: 5px 0px 5px 0px;
+    // font-size: 14px;
     background-color: white;
     border: 1px solid #d8d8d8;
+    .hoge {
+      border-right: 1px solid #d8d8d8;
+    }
   }
+
   .revision-compare {
     .revision-compare-outer {
       min-height: 100px;