.card-well → .well

src/client/js/components/Admin/ImportData/GrowiArchive/ImportForm.jsx

@@ -347,7 +347,7 @@ class ImportForm extends React.Component {
         <div className="col-12">
           <legend>{groupName} Collections</legend>
           { wellContent != null && (
-            <div className="card card-well small" role="alert">
+            <div className="card well small" role="alert">
               <ul>
                 <li>{wellContent}</li>
               </ul>

src/client/js/components/Admin/ImportDataPage.jsx

@@ -171,7 +171,7 @@ class ImportDataPage extends React.Component {
               </tbody>
             </table>
 
-            <div className="card card-well mb-0 small">
+            <div className="card well mb-0 small">
               <ul>
                 <li>{ t('importer_management.page_skip') }</li>
               </ul>
@@ -265,7 +265,7 @@ class ImportDataPage extends React.Component {
                 </tr>
               </tbody>
             </table>
-            <div className="card card-well mb-0 small">
+            <div className="card well mb-0 small">
               <ul>
                 <li>{ t('importer_management.page_skip') }</li>
               </ul>

src/client/styles/scss/_override-bootstrap.scss

@@ -19,7 +19,7 @@
   border-radius: 0;
 }
 
-.card-header:not(.card-well) {
+.card-header {
   padding: 7px 15px;
   font-weight: 700;
   text-transform: none;
@@ -30,8 +30,8 @@
   border-radius: 0;
 }
 
-// card-well (substitute well of bootstrap3)
-.card.card-well {
+// Well (substitute Well of bootstrap3)
+.card.well {
   padding: 7px 15px;
 }
 

src/client/styles/scss/theme/_apply-colors.scss

@@ -176,7 +176,7 @@ legend {
   border: 1px solid #f0f0f0;
 }
 
-.card.card-well {
+.card.well {
   min-height: 20px;
   background-color: #f2f2f2;
   background-color: #f5f5f5;