fix height and name

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

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

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

@@ -64,14 +64,19 @@
   }
 
   .comparison-header {
-    height: 28px;
-    padding: 5px 0px 5px 0px;
-    // font-size: 14px;
+    height: 34px;
+    padding: 5px 0px;
+    font-size: 14px;
     background-color: white;
     border: 1px solid #d8d8d8;
-    .hoge {
+    .comparison-source {
+      padding: 0px 14px;
       border-right: 1px solid #d8d8d8;
     }
+    .comparison-target {
+      padding: 0px 14px;
+      margin: 1px 2px 0px 2px;
+    }
   }
 
   .revision-compare {