Fix row and card style regressions

app/Resources/static/themes/material/css/cards.scss

@@ -6,11 +6,6 @@ main {
   #content {
     padding: 0 0.5rem;
   }
-
-  .row {
-    margin: 0.4rem 0 0;
-    padding: 0 0.75rem;
-  }
 }
 
 @mixin mixin-reading-time {
@@ -32,11 +27,6 @@ main {
 }
 
 .card {
-  display: flex;
-  margin: 0;
-  height: 100%;
-  flex-direction: column;
-
   .card-content {
     padding-bottom: 12px;
     flex-grow: 1;
@@ -324,11 +314,21 @@ a.original:not(.waves-effect) {
   padding-bottom: 15px;
 }
 
-.row {
+.entries-row {
   display: grid;
+  margin: 0.4rem 0 0;
+  padding: 0 0.75rem;
   gap: 20px;
 }
 
+.entry-card {
+  display: flex;
+  margin: 0;
+  height: 100%;
+  flex-direction: column;
+}
+
+
 .tools {
   display: flex;
   gap: 10px;

app/Resources/static/themes/material/css/media_queries.scss

@@ -3,7 +3,7 @@
    ========================================================================== */
 
 @media only screen and (min-width: 450px) {
-  .row {
+  .entries-row {
     grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
   }
 }

src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_full_image.html.twig

@@ -1,4 +1,4 @@
-<div class="card{% if currentRoute in routes and entry.isArchived %} archived{% endif %}">
+<div class="card entry-card{% if currentRoute in routes and entry.isArchived %} archived{% endif %}">
     <div class="card-body">
         <div class="card-fullimage">
             <ul class="card-entry-labels">

src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_preview.html.twig

@@ -1,4 +1,4 @@
-<div class="card{% if currentRoute in routes and entry.isArchived %} archived{% endif %}">
+<div class="card entry-card{% if currentRoute in routes and entry.isArchived %} archived{% endif %}">
     <div class="card-body">
         <div class="card-image waves-effect waves-block waves-light">
             <ul class="card-entry-labels">

src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig

@@ -55,7 +55,7 @@
         </div>
     {% endif %}
 
-    <ol class="entries {% if listMode == 1 %}collection{% else %}row data{% endif %}">
+    <ol class="entries {% if listMode == 1 %}collection{% else %}row entries-row data{% endif %}">
 
         {% for entry in entries %}
             <li id="entry-{{ entry.id|e }}" class="{% if listMode != 0 %}col collection-item{% endif %} s12" data-entry-id="{{ entry.id|e }}" data-test="entry">