Added some shaddow

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 {