Fix color and list item width

ronilaukkarinen · Mar 9, 2023 · b24a236 · b24a236
1 parent 3882853
commit b24a236
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,8 @@
 * Add focused text color to inputs
 * Add list adder modal styles
 * Fix heart animation in profile feed
+* Fix incorrect preview card title color
+* Fix list item width on mobile
 
 ### 1.1.0: 2023-03-09
 

diff --git a/style.css b/style.css
@@ -150,30 +150,30 @@ body.layout-single-column {
    @source https://github.com/mastodon/mastodon/issues/21874#issuecomment-1332556018
 */
 
-a.status-card,
-a.status-card.compact {
-  background-color: #191b22;
+.layout-single-column a.status-card,
+.layout-single-column a.status-card.compact {
+  background-color: var(--color-bg);
   border-radius: 10px;
   display: block;
 }
 
-.fa-file-text::before {
+.layout-single-column .fa-file-text::before {
   content: "";
 }
 
-a.status-card .status-card__image-image,
-a.status-card .status-card__image-image.compact {
+.layout-single-column a.status-card .status-card__image-image,
+.layout-single-column a.status-card .status-card__image-image.compact {
   border-radius: 0;
 }
 
-a.status-card .status-card__content,
-a.status-card.compact .status-card__content {
+.layout-single-column a.status-card .status-card__content,
+.layout-single-column a.status-card.compact .status-card__content {
   padding: 15px;
 }
 
-a.status-card .status-card__title,
-a.status-card.compact .status-card__title {
-  color: var(--color-bg);
+.layout-single-column a.status-card .status-card__title,
+.layout-single-column a.status-card.compact .status-card__title {
+  color: var(--color-fg);
   font-size: 18px;
   font-weight: 400;
   line-height: 1.3;
@@ -1637,6 +1637,12 @@ a.status-card.compact .status-card__description {
     width: 38px;
   }
 
+  .layout-single-column .item-list .column-link {
+    padding-bottom: 4px;
+    padding-top: 4px;
+    width: unset;
+  }
+
   .layout-single-column .column-link:hover,
   .layout-single-column .column-link:focus {
     /* stylelint-disable-next-line */