From 39ad95ea4e0a6b7f6a8ee4615db42b2e662ec2f1 Mon Sep 17 00:00:00 2001
From: Mirco Wittrien <mirco.wittrien@gmail.com>
Date: Fri, 7 Dec 2018 11:19:03 +0100
Subject: [PATCH] mini theme

---
 Themes/ServerColumns/README.md               |  3 ++
 Themes/ServerColumns/ServerColumns.css       | 37 ++++++++++++++++++++
 Themes/ServerColumns/ServerColumns.theme.css |  7 ++++
 3 files changed, 47 insertions(+)
 create mode 100644 Themes/ServerColumns/README.md
 create mode 100644 Themes/ServerColumns/ServerColumns.css
 create mode 100644 Themes/ServerColumns/ServerColumns.theme.css

diff --git a/Themes/ServerColumns/README.md b/Themes/ServerColumns/README.md
new file mode 100644
index 0000000000..1ccc474402
--- /dev/null
+++ b/Themes/ServerColumns/README.md
@@ -0,0 +1,3 @@
+# Server Columns - [Download](https://betterdiscord.net/ghdl?url=https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Themes/ServerColumns/ServerColumns.theme.css)
+
+Changes the Server List to a gridlike container to allow servers to displayed in columns. Amount of columns can be set in the .theme.css file.
diff --git a/Themes/ServerColumns/ServerColumns.css b/Themes/ServerColumns/ServerColumns.css
new file mode 100644
index 0000000000..c77276a1be
--- /dev/null
+++ b/Themes/ServerColumns/ServerColumns.css
@@ -0,0 +1,37 @@
+:root {
+	--vcolumns: var(--columns, 2);
+}
+.guildsWrapper-5TJh6A {
+	width: calc((60px * var(--vcolumns)) + 30px - 20px) !important;
+}
+.guildsWrapper-5TJh6A .scrollerWrap-1IAIlv {
+	width: calc(60px * var(--vcolumns) + 30px) !important;
+}
+.guildsWrapper-5TJh6A .guilds-1q_RqH,
+.guildsWrapper-5TJh6A .guilds-1q_RqH .dms-rcsEnV {
+    display: flex;
+    flex-flow: row wrap;
+    align-content: flex-start;
+}
+.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ {
+	margin: 4px 13px 4px -2px;
+}
+.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.selected-ML3OIq:before,
+.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr:before {
+	border-radius: 0px 50px 50px 0px;
+	width: 5px;
+	margin-left: 7px;
+}
+.guildsWrapper-5TJh6A .guilds-1q_RqH .dms-rcsEnV {
+	margin: 0;
+}
+.guildsWrapper-5TJh6A .guilds-1q_RqH .guildSeparator-1X4GQ1 {
+	margin: 10px 0;
+	width: calc(60px * var(--vcolumns) - 10px) !important;
+}
+.guildsWrapper-5TJh6A:not(.foldercontent) .guilds-1q_RqH > .guild-1EfMGQ:first-child,
+.guildsWrapper-5TJh6A .guilds-1q_RqH .friendsOnline-_wi_fM,
+#bd-pub-li,
+#RANbutton-frame {
+	margin: 5px calc((60px * var(--vcolumns) - 60px)/2) !important;
+}
\ No newline at end of file
diff --git a/Themes/ServerColumns/ServerColumns.theme.css b/Themes/ServerColumns/ServerColumns.theme.css
new file mode 100644
index 0000000000..48d72c2ba8
--- /dev/null
+++ b/Themes/ServerColumns/ServerColumns.theme.css
@@ -0,0 +1,7 @@
+//META{"name":"ServerColumns","description":"Changes the Server List to a gridlike container to allow servers to displayed in columns. Amount of columns can be set in the .theme.css file.","author":"DevilBro","version":"1.0.0"}*//{}
+
+@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/ServerColumns/ServerColumns.css);
+
+:root {
+	--columns: 2;
+}
\ No newline at end of file