From 8fd38ff5f12f184e79213eab75b62f89fb5258c4 Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@mcgalaxy.de>
Date: Wed, 10 Jul 2019 13:43:35 +0200
Subject: [PATCH] Added some shaddow

---
 shared/css/static/connection_handlers.scss | 25 +++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/shared/css/static/connection_handlers.scss b/shared/css/static/connection_handlers.scss
index dc10f61e..409f99ca 100644
--- a/shared/css/static/connection_handlers.scss
+++ b/shared/css/static/connection_handlers.scss
@@ -34,6 +34,7 @@
 
 		.connection-container {
 			padding-top: 4px;
+			position: relative;
 
 			flex-grow: 0;
 			flex-shrink: 0;
@@ -45,6 +46,7 @@
 			padding-right: 5px;
 
 			height: 24px;
+			overflow: hidden;
 
 			.server-icon {
 				align-self: center;
@@ -55,10 +57,31 @@
 				color: #a8a8a8;
 
 				align-self: center;
-				margin-right: 5px;
+				margin-right: -5px; /* 5px padding which have to be overcommed */
+
+				position: relative;
+
+				max-width: 16em;
+
+				overflow: visible;
+				text-overflow: clip;
+				white-space: nowrap;
+
+				&:before {
+					content: '';
+					width: 100%;
+					height: 100%;
+					position: absolute;
+					left: 0;
+					top: 0;
+					background: linear-gradient(to right, transparent, #1e1e1e calc(100% - 20px));
+				}
 			}
 
 			.button-close {
+				position: absolute;
+				right: 5px;
+
 				align-self: center;
 
 				&:hover {