Simplify row styles

Author: wkirby

src/styles/components/CheckList.module.scss

@@ -10,11 +10,15 @@
 
   > li {
     break-inside: avoid;
-    margin-bottom: var(--space-xs);
+    margin-bottom: var(--space-3xs) !important;
 
     display: flex;
     flex-direction: row;
 
+    @media (min-width: vars.$mobile) {
+      margin-bottom: var(--space-2xs) !important;
+    }
+
     &:hover {
       .check_list__marker {
         color: var(--apsis_green);

src/styles/components/Row.module.scss

@@ -1,12 +1,15 @@
 @use "styles/vars";
 
 .row {
-  padding: 0 var(--space-m);
-  margin: 0 calc(-1 * var(--space-m));
   display: flex;
   flex-direction: column;
 
+  padding: 0 var(--space-m);
+  margin: 0 calc(-1 * var(--space-m));
+  margin-bottom: var(--space-xl);
+
   & > * {
+    flex: 1;
     margin-bottom: var(--space-m);
 
     &:last-child {
@@ -16,20 +19,14 @@
 
   @media (min-width: vars.$tablet) {
     flex-direction: row;
-    justify-content: space-between;
-    flex-wrap: wrap;
+    margin-bottom: var(--space-2xl);
 
     & > * {
-      flex: 0 calc(50% - var(--space-s));
-      margin-right: var(--space-s);
-
-      &:nth-child(2n) {
-        margin-right: 0;
-      }
+      margin-bottom: 0;
+    }
 
-      &:last-child {
-        margin-bottom: var(--space-m);
-      }
+    &--reverse {
+      flex-direction: row-reverse;
     }
 
     &--top {
@@ -44,49 +41,10 @@
       align-items: flex-end;
     }
 
-    &--reverse {
-      flex-direction: row-reverse;
-
-      & > * {
-        margin-right: 0;
-
-        &:nth-child(2n) {
-          margin-right: var(--space-s);
-        }
-      }
-    }
-
     &--narrow {
       max-width: calc(var(--site_width) * 0.75);
       margin-left: auto;
       margin-right: auto;
     }
   }
-
-  @media (min-width: vars.$desktop) {
-    & > * {
-      flex: 1;
-      margin-bottom: 0;
-      margin-right: var(--space-l);
-
-      &:nth-child(2n) {
-        margin-right: var(--space-l);
-      }
-
-      &:last-child {
-        margin-right: 0;
-        margin-bottom: 0;
-      }
-    }
-
-    &--reverse {
-      & > * {
-        margin-right: 0;
-
-        &:nth-child(2n) {
-          margin-right: var(--space-l);
-        }
-      }
-    }
-  }
 }

src/styles/components/ServiceRow.module.scss

@@ -39,7 +39,7 @@ $variant_colors: (
   }
 
   &__image {
-    width: 50%;
+    width: 80%;
     max-width: 220px;
   }