FB by Ichizawasan

src/client/js/components/ComparePathsTable.jsx

@@ -16,22 +16,22 @@ function ComparePathsTable(props) {
   return (
     <table className="table table-bordered grw-compare-page-table">
       <thead>
-        <tr>
+        <tr className="d-flex">
           <th className="w-50">{t('original_path')}</th>
           <th className="w-50">{t('new_path')}</th>
         </tr>
       </thead>
-      <tbody>
+      <tbody className="overflow-auto d-block">
         {subordinatedPages.map((subordinatedPage) => {
           const convertedPath = convertToNewAffiliationPath(path, newPagePath, subordinatedPage.path);
           return (
-            <tr key={subordinatedPage._id}>
-              <td className="text-break">
+            <tr key={subordinatedPage._id} className="d-flex">
+              <td className="text-break w-50">
                 <a href={subordinatedPage.path}>
                   {subordinatedPage.path}
                 </a>
               </td>
-              <td className="text-break">
+              <td className="text-break w-50">
                 {convertedPath}
               </td>
             </tr>

src/client/styles/scss/_create-page.scss

@@ -15,18 +15,7 @@
 
   .grw-compare-page-table {
     tbody {
-      display: block;
       max-height: 200px;
-      overflow-y: auto;
-    }
-
-    td,
-    th {
-      width: 50%;
-    }
-
-    tr {
-      display: flex;
     }
   }
 }