style: publish on small devices

Author: peterpeterparker

studio/src/app/components/feed/card/app-feed-card-content/app-feed-card-content.scss

@@ -3,7 +3,6 @@ app-feed-card-content {
   ion-card-content {
     display: flex;
     align-items: stretch;
-    flex: 1 1 auto;
     width: 100%;
 
     ion-card-title, ion-card-subtitle {
@@ -85,7 +84,10 @@ app-feed-card-content {
 
   @media screen and (max-width: 540px) {
     ion-card-content {
-      div.preview {
+      flex-direction: column;
+      align-items: center;
+
+      div.preview:not(.editable) {
         display: none;
       }
     }

studio/src/app/components/feed/card/app-feed-card-content/app-feed-card-content.tsx

@@ -96,7 +96,7 @@ export class AppFeedCardContent {
                     </ion-card-subtitle>
                 </ion-card-header>
 
-                <p padding-start padding-end class="content ion-text-lowercase" contentEditable={this.editable}>Keep
+                <p padding-start padding-end class="content" contentEditable={this.editable}>Keep
                     close to Nature's heart... and break clear away, once in
                     awhile,
                     and climb a mountain or spend a week in the woods. Wash your spirit clean.
@@ -115,7 +115,7 @@ export class AppFeedCardContent {
         if (this.firstCard) {
             return undefined;
         } else {
-            return <div class="preview">
+            return <div class={this.editable ? "preview editable" : "preview"}>
                 <img src="./assets/img/deckdeckgo-logo.svg"/>
             </div>;
         }