Update styling for room entry article on mobile

Fixes MS-546

client/src/styles/_article.scss

@@ -2,8 +2,8 @@
   padding: $medium-spacing 0;
 
   &__header {
-    grid-template-rows: 50px minmax(50px, max-content) auto;
-    -ms-grid-rows: 50px 50px auto;
+    grid-template-rows: 50px auto;
+    -ms-grid-rows: 50px auto;
     grid-row-gap: 30px;
     display: -ms-flex;
     @supports (display: grid) {
@@ -14,17 +14,26 @@
   &__meta {
     border-bottom: 1px solid $color-silver-light;
     align-self: end;
-    padding: 20px 0;
     width: 100%;
 
     margin-bottom: $large-spacing;
     @supports (display: grid) {
       margin-bottom: 0;
     }
+
+    padding: $small-spacing $small-spacing;
+
+    @include desktop {
+      padding: $medium-spacing 0;
+    }
   }
 
   &__title {
     grid-row: 3;
+    padding: 0 $small-spacing;
+    @include desktop {
+      padding: 0 0;
+    }
   }
 
   &__subtitle {
@@ -46,6 +55,11 @@
       font-size: toRem(18px);
       line-height: 1.5;
     }
+
+    padding: 0 $small-spacing 40px;
+    @include desktop {
+      padding: 0 0 40px;
+    }
   }
 
   &__comments {