style(news): update profile layout to mobile-first column (#185)

* style(news): update profile layout to mobile-first column

* bump stylesheet version

Author: Infi-Knight

web/themes/interledger/css/pages/news.css

@@ -20,7 +20,7 @@
 }
 
 @media screen and (max-width: 839px) {
-  .news-listing li > div:not(.article-teaser-text) {
+  .news-listing li>div:not(.article-teaser-text) {
     margin-block-end: var(--space-s);
   }
 }
@@ -37,7 +37,7 @@
   box-shadow: none;
 }
 
-.news-listing li > div:not(.article-teaser-text) {
+.news-listing li>div:not(.article-teaser-text) {
   flex: none;
 }
 
@@ -80,11 +80,18 @@
 
 .news-profile {
   display: flex;
+  flex-direction: column;
   gap: var(--space-xs);
   align-items: center;
   margin-block-end: var(--space-s);
 }
 
+@media screen and (min-width: 480px) {
+  .news-profile {
+    flex-direction: row;
+  }
+}
+
 .news-profile:first-of-type {
   margin-block-start: var(--space-m);
   padding-block-start: var(--space-m);
@@ -100,4 +107,4 @@
   gap: var(--space-xs);
   list-style: none;
   padding-inline-start: 0;
-}
+}

web/themes/interledger/interledger.libraries.yml

@@ -1,5 +1,5 @@
 global-styling:
-  version: 1.7.2
+  version: 1.7.3
   css:
     theme:
       css/fonts.css: {}