Describe the bug
Folder width is too small/big.

To Reproduce

1. Install the theme
2. Add many folders with servers in them.
3. Expand them
4. You should see that in the folder background in the very right is a lot bigger than the one on the very left.

Screenshots
On the very left:

On the very right:

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: BetterDiscord
Discord language: English

Describe the bug

While using the web version of Discord and the Stylus browser extension, @import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css"); doesn't work.

The goal of Stylus is to allow people to create custom CSS stylesheets to customize their favorite websites.
So, I tried to create a custom stylesheet with the information provided by this HorizontalServerList Github repository.

To Reproduce

• Install the Stylus browser extension (available for Firefox, Chrome and Opera browsers)
• Open Discord for the web : https://discord.com/channels/@me
• Go to one of your favorite Discord servers
• Create a custom Stylus CSS (for example, name it "HorizontalDiscordServerList")
• Paste the following CSS, save it then activate it:

/* ==UserStyle==
@name           Horizontal Server List
@namespace      Gibbu#1211
@version        2.1.0
@description    Moves the server list from the left to the top of Discord. Compatible with Server Folders and most basic transparent themes
@author         Gibbu#1211
link            https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css
==/UserStyle== */

@-moz-document domain("discord.com") {   
    
    @import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css");    

    /* Bottom HorizontalServerList. Simply remove the comments surrounding the @import to enable it. */
    /* @import url("https://discordstyles.github.io/Addons/bottomhsl.css"); */

    :root {
        --HSL-server-icon-size: 40px;  /* Size of the server icons | DEFAULT: 40px */
        --HSL-server-spacing: 10px;  /* Spacing between each server icon | DEFAULT: 10px */
        --HSL-server-direction: column; /* Direct of the server list. | Options: column, column-reverse | DEFAULT: column */
    }

}

At this point, you should (unfortunately) notice that the Discord server list hasn't changed.

.
.
.
Note that it works if the content of the CSS stylesheet is directly pasted into your custom Stylus stylesheet (so, without using @import url):

/* ==UserStyle==
@name           Horizontal Server List
@namespace      Gibbu#1211
@version        2.1.0
@description    Moves the server list from the left to the top of Discord. Compatible with Server Folders and most basic transparent themes
@author         Gibbu#1211
link            https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css
==/UserStyle== */

@-moz-document domain("discord.com") {    

    :root {
  --server-size: var(--HSL-server-icon-size, var(--HSL-size, 45px));
  --server-spacing: var(--HSL-server-spacing, var(--HSL-spacing, 10px));
  --server-container: calc(var(--server-size) + 20px);
  --server-direction: var(--HSL-server-direction, column);
  --server-alignment: var(--HSL-server-alignment, flex-start);
}

#app-mount .guilds__2b93a {
  width: var(--server-container);
}
#app-mount .guilds__2b93a .scrollerWrap-1IAIlv {
  width: calc(100% + 30px);
}
#app-mount .guilds__2b93a .svg_ad7356,
#app-mount .guilds__2b93a .wrapper__3af0b,
#app-mount .guilds__2b93a .guildsError-b7zR5H,
#app-mount .guilds__2b93a .placeholderMask__94802 {
  width: var(--server-size);
  height: var(--server-size);
}
#app-mount .guilds__2b93a [role=group] {
  height: auto !important;
}
#app-mount .guilds__2b93a [class*=expandedFolderBackground] {
  width: var(--server-size);
  left: 50%;
  translate: -50% 0;
}
#app-mount .guilds__2b93a .wrapper__3670f {
  height: var(--server-size) !important;
}
#app-mount .guilds__2b93a .wrapper_ed1dea {
  width: var(--server-container);
}
#app-mount .guilds__2b93a [class*=listItem]:not([class*=listItemWrapper]) {
  width: var(--server-container);
}

#app-mount .app_b1f720 .base__3e6af {
  top: var(--server-container) !important;
  position: absolute !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
#app-mount .sidebar_ded4b5 {
  border-radius: 0;
}
#app-mount [class*=unreadMentionsIndicator] {
  width: var(--server-size);
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
  height: auto;
}
#app-mount .guilds__2b93a {
  transform-origin: top left;
  transform: rotate(-90deg);
  height: 100vw !important;
  top: var(--server-container);
  bottom: unset;
  position: absolute !important;
  left: 0;
}
#app-mount .guilds__2b93a > [data-list-id=guildsnav] {
  margin-bottom: 0 !important;
}
#app-mount .guilds__2b93a .scrollerBase__2b744 {
  padding: var(--server-spacing) 0 !important;
  display: flex;
  flex-direction: var(--server-direction);
  gap: var(--server-spacing);
  align-items: var(--server-alignment);
  justify-content: var(--server-alignment);
}
#app-mount .guilds__2b93a .scrollerBase__2b744 > div[style]:not(.listItem-2P_4kh) {
  height: auto !important;
}
#app-mount .guilds__2b93a .scrollerBase__2b744 > div[style]:not(.listItem-2P_4kh)[style*="height: 0px"] {
  padding-top: 1px;
}
#app-mount .guilds__2b93a .scrollerBase__2b744 > div[aria-label] {
  display: flex;
  flex-direction: var(--server-direction);
  gap: var(--server-spacing);
}
#app-mount .guilds__2b93a [class*=pill] {
  transform: rotate(90deg) translateY(-50%);
  height: var(--server-size);
  width: 4px;
  top: calc(var(--server-size) / -1 + var(--server-size) / 2 - 8px) !important;
  margin-left: -2px;
}
#app-mount .guilds__2b93a [class*=pill] span {
  height: 100% !important;
  width: 4px !important;
  transform: scale(0, 1) !important;
  transition: 0.15s ease !important;
  margin-left: 0;
  border-radius: 0 4px 4px 0;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 0"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 1"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 2"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 3"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 4"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 5"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 6"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 7"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 8"] {
  transform: scale(1, 0.24) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 9"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 10"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 11"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 12"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 13"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 14"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 15"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 16"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 17"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 18"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 19"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 20"] {
  transform: scale(1, 0.7) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 21"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 22"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 23"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 24"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 25"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 26"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 27"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 28"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 29"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 30"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 31"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 32"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 33"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 34"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 35"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 36"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 37"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 38"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 39"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a [class*=pill] span[style*="height: 40"] {
  transform: scale(1, 1) !important;
}
#app-mount .guilds__2b93a .wrapper_ed1dea {
  display: flex;
  flex-direction: var(--server-direction);
  gap: var(--server-spacing);
}
#app-mount .guilds__2b93a .wrapper_ed1dea ul[role=group] {
  display: flex;
  flex-direction: var(--server-direction);
  gap: var(--server-spacing);
}
#app-mount .guilds__2b93a [class*=listItem]:not([class*=listItemWrapper]) {
  width: var(--server-size);
  transform: rotate(90deg);
  margin: 0 10px;
  position: unset;
}
#app-mount .guilds__2b93a [class*=guildSeparator] {
  transform: rotate(90deg);
  width: var(--server-size);
}
#app-mount .guilds__2b93a [class*=expandedFolderBackground] {
  border-radius: 10px;
  height: 100%;
}
#app-mount .guilds__2b93a .folder__17546 {
  background: transparent;
}
#app-mount .guilds__2b93a .wrapper_a54cba {
  top: 0;
  bottom: 0;
}
#app-mount .guilds__2b93a .target__47b05::before {
  top: 0;
  height: var(--server-size);
  width: 4px;
  left: -6px;
}
#app-mount .guilds__2b93a.hidden__7c832 + .base__3e6af {
  top: 0 !important;
}
#app-mount [class*=listItemTooltip] {
  position: absolute;
  max-width: unset;
  white-space: nowrap;
  margin-left: calc(var(--server-size) / -1 - 20px);
  top: calc(var(--server-size) - 10px);
}
#app-mount [class*=listItemTooltip] [class*=tooltipPointer] {
  transform: rotate(180deg);
  top: -5px !important;
  right: unset;
  left: 13px;
  z-index: 1;
}
#app-mount .friendsOnline-2JkivW {
  position: absolute;
  transform: translate(-50%, 50%);
  top: calc(-50% + var(--server-spacing));
  left: -50%;
  width: calc(var(--server-size) + var(--server-spacing));
  display: flex;
  justify-content: center;
}
#app-mount .guilds__2b93a.content-Pph8t6,
#app-mount .BF-folderSidebar {
  position: absolute !important;
  top: calc(var(--server-container) * 2) !important;
}
#app-mount .guilds__2b93a.content-Pph8t6:not(.closed-j55_T-) + .base__3e6af,
#app-mount .BF-folderSidebar:not(.closed-j55_T-) + .base__3e6af {
  top: calc(var(--server-container) * 2.5) !important;
}
#app-mount .guilds__2b93a .frame-oXWS21[class*=listItem] {
  height: var(--server-size) !important;
}
#app-mount .guilds__2b93a .frame-oXWS21[class*=listItem] .wrapper_d281dd {
  height: 100% !important;
}
#app-mount .guilds__2b93a .frame-oXWS21[class*=listItem] .button-Jt-tIg {
  width: 100%;
  height: 100% !important;
  border-radius: 50%;
  padding: 2px;
  font-size: 10px;
  box-sizing: border-box;
  text-align: center;
}
#app-mount .BF-folderSidebar {
  top: calc(var(--server-container)) !important;
}
#app-mount .serverCountWrap-k8F5De {
  height: var(--server-size);
}
#app-mount .serverCount-FsTTs1 {
  white-space: pre-line;
  font-size: 12px;
  display: flex;
  align-items: center;
}

html.platform-osx #app-mount .typeMacOS__496b0 {
  width: 100%;
}
html.platform-osx #app-mount .base__3e6af {
  top: calc(var(--server-container) + 30px) !important;
}
html.platform-osx #app-mount #pluginNotice {
  top: 32px;
  z-index: 100000 !important;
}

body.foldercontentopened .base__3e6af {
  transition: 0.2s ease !important;
}

.accountProfilePopoutWrapper_af829a {
  left: 0;
}
    
}

.
.
.
I would prefer using the @import url("https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css"); method as it makes the Stylus script always up-to-date.

Does anyone know why @import url doesn't work?
Thanks in advance.

Describe the bug

After restarting discord today, the spacing between servers basically disappeared and changing the number in css doesn't help.

Screenshots

Infomation

Discord channel: Stable
OS: Windows 10
Mod: BetterDiscord
Discord language: English

Per DiscordStyles/DarkMatter#6

Describe the bug
When I drag a guild, it wants to make a folder instead of moving between two other guilds

To Reproduce
Drag any guild

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

Additional context
When I remove HorizontalServerList from my theme, I am able to sort my guilds just fine.

Describe the bug

Server indicator offset to right in icon server when using Fluent theme and small zoom level

Screenshots

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: EN

Describe the bug

Full screen bottom not work as spected (Hide bottom server when i togle full screen)

To Reproduce

1. Enter to any call with video sharing
2. Set video to full screen

Screenshots

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: Spanish

maybe this help

.app-3xd6d0 .hidden-10MsGQ~.base-2jDfDU {
  bottom: 0;
}

Describe the bug
Using Server Folder breaks the Server folders

To Reproduce
Use Horizontal Server List & Server Folders

Screenshots

Additional Info
Discord channel: Stable
OS: OSX
Mod: BetterDiscord
Discord language: English, US

Describe the bug
((A clear and concise description of what the bug is))
Since yesterday, the padding on the very top of discord has been removed causing the server icons to be overlapped by the discord logo on the top left
To Reproduce
((Steps to reproduce the behavior))
Enable the plugin and move the server list
Screenshots
((If applicable, add screenshots to help explain your problem))
https://steady.is-fi.re/AEzEA6E.png
Infomation (please complete the following information):
Discord channel: ((Stable))
OS: ((Windows))
Mod: ((BetterDiscord))
Discord language: ((English))

Describe the bug
Using betterdiscord with the horizontalserverlist plugin provided with clearvision, the tooltippointer's top property is not respected, causing the pointer to be displaced covering a small portion of the tooltip text.

To Reproduce
Use the attached BetterDiscord theme:
clear-vision-lightgrey-custom.theme.zip
(github doesn't support .theme, zipping)

Screenshots
The pointer can be seen overlapping the tooltip text:

Custom CSS resolving the issue, moving the pointer to the top of the tooltip:

Infomation:
Discord channel: Stable
OS: Windows
Mod: BetterDiscord, ClearVision 6.3.0, HorizontalServerList, RadialStatus
Discord language: English

Additional context
A workaround is to use the following in BetterDiscord's custom css:

[class*=tooltipRight] > [class*=tooltipPointer] {
    top: -5px !important;
}

Describe the bug:
Theme no longer works but loads

To Reproduce:
install theme, apply it.

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

Describe the bug
Does not work on latest version of Discord Canary

To Reproduce
open discord, vertical 😔

Screenshots
((If applicable, add screenshots to help explain your problem))
https://thecheating.party/i/ya5j1d.png

Infomation (please complete the following information):
Discord channel: ((Stable/PTB/Canary)) Canary
OS: ((Windows/Linux/OSX)) Win10 20h2
Mod: ((BetterDiscord/Powercord)) Powercord
Discord language: ((Your language)) English

Describe the bug

Doesn't work with new nitro theming

To Reproduce

• Enable the plugin
• Go to Appearance and change the colour

Screenshots

Infomation (please complete the following information)

Discord channel: Stable/PTB/Canary
OS: Windows
Mod: BetterDiscord
Discord language: English

Describe the bug

Win button not aligning correctly when i set with other themes

To Reproduce

Set other theme, for example Frosted Glass

Screenshots

Infomation (please complete the following information)

Discord channel: Stable/PTB/Canary
OS: Windows/Linux/OSX
Mod: BetterDiscord/Powercord/GooseMod
Discord language: Your language

Maybe this help

.platform-win .winButton-3UMjdg {
    top: -2px;
}

.platform-win .container-ZMc96U {
    padding-right: 120px;
}

Entering fullscreen mode on a go live stream will make servers disappear from the list, however the list itself will stay on the top, which results in the stream being smaller.

Here is an example:

Describe the bug

expired link in the themes information

To Reproduce

go to your themes -> discord server

Infomation (please complete the following information)

https://i.imgur.com/3THb3fP.png

like fitting it under everything

Describe the bug
Server's name text bug with small black smudge at the first letter or sometime on verified mark on some server.

To Reproduce
It just appear like that no need to reproduce.

Screenshots
The bug on text: https://i.imgur.com/Z1zqIPM.png
On server verified mark: https://i.imgur.com/4qBOF3W.png

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows 11 latest version
Mod: BetterDiscord 1.5.3
Discord language: English

When I activate this plugin it remove my settings button and text box. I can't scroll through the chat either. It also doesn't seem to like loading stuff not in the cache.

Describe the bug

I can't scroll sideways across my joined servers on Windows 10
I use my laptop's trackpad

To Reproduce

Scroll sideways across your joined server listing

Expected behaviour: The listing should scroll across as desired

Actual behaviour: no scrolling happens

Screenshots

N/A

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows 10 21H2
Mod: Goosemod
Discord language: English (UK)

Additional context

It works in Firefox 103

Describe the bug

The Horizontal Server List is broken and does not work in the latest Vencord and Discord version

To Reproduce

Copy "Vencord link" into the Online Themes section
Vencord says link is valid
Server list has not changed.

Screenshots

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows 10
Mod: Vencord
Discord language: English, US

Additional context

Versions in text format are:

• Stable 240372 (63f8ac7)
• Vencord 64c6f57 (Standalone)

EDIT: Dug around in the Vencord issues, found this:
https://github.com/Vendicated/Vencord/issues/1847

TLDR Discord updated a lot of things, which broke a lot of plugins and themes.
The Vencord devs so far have done everything they can, so whatever is remaining is up to theme/plugin devs.

Describe the bug

When I turn this theme on, the server list disappears from the left and does not appear on the top, so is essentially just gone until I turn off the theme.

To Reproduce

Run the latest Discord/BetterDiscord, have no other themes/plugins on, turn on the HorizontalServerList theme.

Screenshots

not really necessary

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows 10
Mod: BetterDiscord
Discord language: English

The base.css import code returns 404. Looks like the GitHub pages were taken down.

Describe the bug

A clear and concise description of what the bug is
The buttons for the plugins Online Friends Count, Server Count list, and read all plugins looked very streched I tried turning off the discord 11 theme but it did not work

To Reproduce

Steps to reproduce the behavior
none

Screenshots

If applicable, add screenshots to help explain your problem

Infomation (please complete the following information)

Discord channel: Stable/PTB/Canary Discord PTB
OS: Windows/Linux/OSX Windows 11 23H2 Canary Build 25393
Mod: BetterDiscord/Powercord/GooseMod Betterdiscord
Discord language: Your language English

Additional context

Add any other context about the problem here. Remove if not applicable.

Describe the bug

The server bar doesn't show up when using the plugin anymore.

To Reproduce

Use plugin after updating Discord

Screenshots

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: Vencord Dev
Discord language: English

Additional context

Latest Discord update said to break many themes. From the looks of it, this includes this theme.

Horizontal Server List stopped working after Ptb 237772 (21b7a7d) update

Discord channel: Canary
OS: Windows
Mod: BetterDiscord
Discord language: English

Request to make server list align center

Describe the bug

The icon size no longer applies to the icons and just the space the icons sit in.

To Reproduce

Change the icons size

Screenshots

Infomation (please complete the following information)

Discord channel: *Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

Is the indicator meant to be missing for new messages in the server, or am I missing a way to enable it?

Describe the bug
No bug

To Reproduce
No rep

Screenshots
https://i.imgur.com/shNOH2o.png

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: Eng

Additional context
@Gibbu if possible, could you release an update for the circular pills like you did on the SoftX theme?
I like them very much, I hope to see an update, it would be the top.

The explore server button covers the button to open my DM list so i can only open a dm through a server or through notification.

On Stable
On Windows
BetterDiscord
English

Thanks MaenDisease for the Float Theme

It would be so cool if HorizontalServerList could do something like this.

P.S: I have achieved this but modifying the HTML in dev tools.

.

But currently, the avatar floats over the upload button

Is there any possible way we could do this with just the theme?

If the ReadAllNotifications plugin for Vencord is enabled the button is turned sideways.

Describe the bug

When BetterFolder plugin is enabled HorizontalServerList is unable to return to folders and gets stuck in the servers that are within the folder.

To Reproduce

download/install/enable BetterFolder plugin
install/add HorizontalServerList
Open a serverfolder in HorizontalServerList new bar

Screenshots

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows 11 Enterprise Insider Preview build 23521.1000
Mod: Vencord
Discord language: English

Current Solution

Disable BetterFolder plugin.

no spacing between servers unless in a folder after discord updated to:
stable 268194 (9266b7f) Host 1.0.9034 x86 (44142) Windows 10 64-bit (10.0.19045)
with English discord, Polish Windows, and VENCORD 7b96071(Standalone)

I don't know I just updated discord, tried to disable plugins but it doesn't change a thing

Squished servers

is fine when theme disabled

🟢 Feature Request:
Would it be possible to place "pills" bellow server icons?

🟢 Mock-up:

🟢 Infomation:

• Here are CSS properties that might need to be modified:
• pill-1z4sAY wrapper-sa6paO
• #app-mount .guilds-1SWlCJ [class*="pill"]

🟢 Additional context:

• OS: ((Windows 10 Pro 64 bits))
• Web Browser: Firefox 93.0
• HorizontalServerList version: cee42ef

as in topic, server folders are not aligned at all

Describe the bug

The whole Discord is shifting after closing pinned messages

To Reproduce

1. Enter any channel that has a lot of pinned messages that do not fit on the screen so that the scroll bar appears
2. Try to close the pinned messages window by clicking on it again or by clicking somewhere else on an empty space
3. Notice the big, dark bar at the bottom of Discord

Screenshots

Infomation

Discord channel: Stable
OS: Windows
Mod: Vencord
Discord language: English

Additional context

This issue does not happen if you use the bottom server list add-on

Any way for us to switch the placement of where the server list starts to the right side instead of the left.