Fixed visual-card alignment (#3795)

getredash · May 14, 2019 · 733b601 · 733b601
1 parent b9b30a3
commit 733b601
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/client/app/assets/less/redash/redash-newstyle.less b/client/app/assets/less/redash/redash-newstyle.less
@@ -237,6 +237,10 @@ body {
   float: right;
 }
 
+.visual-card-list {
+  margin: -5px 0 0 -5px; // compensate for .visual-card spacing
+}
+
 .visual-card {
   background: #FFFFFF;
   border: 1px solid fade(@redash-gray, 15%);
@@ -299,7 +303,6 @@ body {
   .visual-card {
     width: 100%;
     padding: 5px;
-    margin: 5px 0;
 
     img {
       width: 48px;

diff --git a/client/app/components/cards-list/CardsList.jsx b/client/app/components/cards-list/CardsList.jsx
@@ -71,7 +71,7 @@ export default class CardsList extends React.Component {
         )}
         {isEmpty(filteredItems) ? (<EmptyState className="" />) : (
           <div className="row">
-            <div className="col-lg-12 d-inline-flex flex-wrap">
+            <div className="col-lg-12 d-inline-flex flex-wrap visual-card-list">
               {filteredItems.map(item => this.renderListItem(item))}
             </div>
           </div>