adjust border

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

@@ -43,17 +43,17 @@ export default class RevisionDiff extends React.Component {
     // eslint-disable-next-line react/no-danger
     return (
       <>
-        <div className="comparison-header py-2">
-          <div className="container pr-0">
+        <div className="comparison-header">
+          <div className="container pt-1 pr-0">
             <div className="row">
-              <div className="col comparison-source-wrapper px-0">
+              <div className="col comparison-source-wrapper pt-1 px-0">
                 <span className="comparison-source pr-3">ソース</span><UserDate dateTime={previousRevision.createdAt} />
                 <a href={`?revision=${previousRevision._id}`} className="ml-3">
                   <i className="icon-login"></i>
                 </a>
 
               </div>
-              <div className="col comparison-target-wrapper">
+              <div className="col comparison-target-wrapper pt-1">
                 <span className="comparison-target pr-3">ターゲット</span><UserDate dateTime={currentRevision.createdAt} />
                 <a href={`?revision=${currentRevision._id}`} className="ml-3">
                   <i className="icon-login"></i>

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

@@ -65,18 +65,18 @@
 
   .comparison-header {
     height: 34px;
-    padding: 5px 0px;
-    font-size: 14px;
     background-color: #ffffff;
     border: 1px solid $gray-300;
     .comparison-source-wrapper {
+      height: 26px;
+      margin-right: 1px;
       border-right: 1px solid $gray-300;
       .comparison-source {
         color: $gray-500;
       }
     }
     .comparison-target-wrapper {
-      margin: 1px 2px 0px 2px;
+      height: 26px;
       .comparison-target {
         color: $gray-500;
       }