From 8e459fe5474d67e1d0f49cd7e5cb60ff7873ff18 Mon Sep 17 00:00:00 2001
From: Infinidoge <infinidoge@inx.moe>
Date: Wed, 22 Dec 2021 14:57:02 -0500
Subject: [PATCH] config/powercord: add Horizontally Listed Media snippet

---
 .../config/powercord/css-toggler.json         | 21 +++++++++++++--
 .../infinidoge/config/powercord/quickcss.css  | 27 ++++++++++++++++++-
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/users/infinidoge/config/powercord/css-toggler.json b/users/infinidoge/config/powercord/css-toggler.json
index 96354b2..cca572a 100644
--- a/users/infinidoge/config/powercord/css-toggler.json
+++ b/users/infinidoge/config/powercord/css-toggler.json
@@ -37,7 +37,24 @@
     },
     "898512654849687592": {
       "title": "Wide Settings"
+    },
+    "921928336802971699": {
+      "title": "Horizontally Listed Media"
     }
   },
-  "collapsedSnippets": []
-}
\ No newline at end of file
+  "collapsedSnippets": [
+    "898512654849687592",
+    "885158901673230376",
+    "875021875120582676",
+    "870552834410680370",
+    "870054555025543219",
+    "865701620201685012",
+    "864076332505497641",
+    "863870341537071197",
+    "907442893608869888",
+    "907333488779354112",
+    "921928336802971699",
+    "865809923878682634",
+    "780838821662294068"
+  ]
+}
diff --git a/users/infinidoge/config/powercord/quickcss.css b/users/infinidoge/config/powercord/quickcss.css
index c8edbda..91dea52 100644
--- a/users/infinidoge/config/powercord/quickcss.css
+++ b/users/infinidoge/config/powercord/quickcss.css
@@ -268,4 +268,29 @@
     pointer-events: none;
     opacity: 0;
 }
-/** 907333488779354112 */
\ No newline at end of file
+/** 907333488779354112 */
+
+/**
+ * Snippet from #css-snippets applied the Dec 22, 2021 at 2:53:56 PM
+ * Created by Freeplay#5676 (158296466119458816)
+ * Snippet ID: 921928336802971699
+ */
+/* Horizontally listed media */
+[id*="message-accessories-"] {
+    display: flex;
+    flex-wrap: wrap;
+}
+[id*="message-accessories-"] > * {
+    margin-right: .4em !important;
+    min-height: 100% !important;
+}
+[id*="message-accessories-"] > div > a {
+    display: flex;
+    align-items: center;
+    min-height: 100%;
+    background-color: var(--background-secondary);
+}
+[id*="message-reactions"] {
+    width: 100%;
+}
+/** 921928336802971699 */
\ No newline at end of file