From b74f34b3df42e4bc27f058b78c365d3652c5a124 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Fri, 24 Nov 2023 14:10:13 +0100
Subject: [PATCH] Link cards are more compact on mobile and in the MultiColumn
 layout

---
 TangerineUI-cherry.css | 38 ++++++++++++++++++++++++++++++++++++++
 TangerineUI-purple.css | 38 ++++++++++++++++++++++++++++++++++++++
 TangerineUI.css        | 38 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 114 insertions(+)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 9f2ae14..0c55e77 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -1716,6 +1716,44 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .status-card__author strong {
     font-weight: 800;
 }
+@media screen and (max-width:889px) {
+    .app-body .status-card:not(.expanded) .status-card__image {
+        width: 80px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__content {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+    .app-body .status-card:not(.expanded) .status-card__host {
+        margin-bottom: 2px;
+        font-size: 12px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__title {
+        font-size: 16px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__description {
+        margin-top: 2px;
+        font-size: 12px;
+    }
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
+    width: 80px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__content {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__host {
+    margin-bottom: 2px;
+    font-size: 12px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__title {
+    font-size: 16px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__description {
+    margin-top: 2px;
+    font-size: 12px;
+}
 .app-body .status__content p {
     margin-bottom: 12px;
 }
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index b766349..461c739 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1716,6 +1716,44 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .status-card__author strong {
     font-weight: 800;
 }
+@media screen and (max-width:889px) {
+    .app-body .status-card:not(.expanded) .status-card__image {
+        width: 80px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__content {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+    .app-body .status-card:not(.expanded) .status-card__host {
+        margin-bottom: 2px;
+        font-size: 12px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__title {
+        font-size: 16px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__description {
+        margin-top: 2px;
+        font-size: 12px;
+    }
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
+    width: 80px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__content {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__host {
+    margin-bottom: 2px;
+    font-size: 12px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__title {
+    font-size: 16px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__description {
+    margin-top: 2px;
+    font-size: 12px;
+}
 .app-body .status__content p {
     margin-bottom: 12px;
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index 9adba4f..d1194d3 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1716,6 +1716,44 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .status-card__author strong {
     font-weight: 800;
 }
+@media screen and (max-width:889px) {
+    .app-body .status-card:not(.expanded) .status-card__image {
+        width: 80px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__content {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+    .app-body .status-card:not(.expanded) .status-card__host {
+        margin-bottom: 2px;
+        font-size: 12px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__title {
+        font-size: 16px;
+    }
+    .app-body .status-card:not(.expanded) .status-card__description {
+        margin-top: 2px;
+        font-size: 12px;
+    }
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
+    width: 80px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__content {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__host {
+    margin-bottom: 2px;
+    font-size: 12px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__title {
+    font-size: 16px;
+}
+.layout-multiple-columns .status-card:not(.expanded) .status-card__description {
+    margin-top: 2px;
+    font-size: 12px;
+}
 .app-body .status__content p {
     margin-bottom: 12px;
 }