From 4d09d24e006af38c5aa6a00a327d2a2b55cfd9b4 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 12 Dec 2022 22:43:47 +0800
Subject: [PATCH] Better card preview styling

Test in case all the texts are too long and overflowing
---
 src/components/status.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index 9d0275f..342abd0 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -318,6 +318,7 @@
 }
 .card .meta-container {
   padding: 8px;
+  min-width: 0;
 }
 .card .title {
   font-weight: normal;
@@ -334,18 +335,18 @@
   font-size: smaller;
   opacity: 0.75;
   margin: 0;
+  white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  display: -webkit-box;
-  display: box;
-  -webkit-box-orient: vertical;
-  box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
+  display: block;
 }
 .card .meta.domain {
   opacity: 1;
   color: var(--link-color);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: block;
 }
 a.card {
   text-decoration: none;