refactor: merge feed-card-content component into feed-card

Author: peterpeterparker

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

@@ -2,7 +2,79 @@ app-feed-card {
 
   ion-card[class*="sc-ion-card"] {
     --background: white;
-  }
 
+    ion-card-content {
+
+      &.compact {
+        ion-card-header, p.content {
+          display: none;
+        }
+      }
+
+      ion-card-title, ion-card-subtitle {
+        white-space: nowrap;
+        overflow: hidden;
+      }
+
+      ion-card-title {
+        font-size: var(--font-size-h1);
+      }
+
+      ion-card-subtitle {
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      input, div.chips {
+        font-size: var(--font-size-normal);
+      }
+
+      div.chips {
+        background: rgba(var(--ion-color-primary-rgb), 0.08);
+        color: var(--ion-color-primary-shade);
+        border-radius: 16px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        padding: 4px 8px;
+        margin: 4px 4px 4px 0;
+        height: 100%;
+
+        ion-icon {
+          padding: 4px 0;
+        }
+
+        ion-label {
+          padding: 0px 4px;
+          margin-bottom: 2px;
+
+          max-width: 125px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+
+      input {
+        font-size: var(--font-size-normal);
+
+        pointer-events: visible;
+
+        background: transparent;
+        color: var(--ion-color-primary);
+        border: none;
+        outline: 0;
+
+        padding-bottom: 1px;
+
+        max-width: 130px;
+        height: 40px;
+
+        &::placeholder {
+          color: var(--deckgo-inline-editor-link-placeholder-color, #3880ff);
+        }
+      }
+    }
+  }
 
 }