Fix misalignment

RocketChat · Mar 29, 2019 · 86de90d · 86de90d
1 parent d008121
commit 86de90d
Showing 1 changed file with 15 additions and 19 deletions.
diff --git a/app/ui/client/views/app/directory.css b/app/ui/client/views/app/directory.css
@@ -6,37 +6,33 @@
 
 	padding: 1.25rem 2rem;
 
-	.directory__search-form {
-		display: flex;
-
-		margin: 0 -5px;
-		flex-flow: row nowrap;
+	& &__search-form {
+		display: grid;
+		grid-gap: 0 10px;
 
-		> * {
-			margin: 0 5px;
-		}
+		grid-template-columns: 2fr auto;
 	}
 
-	.directory__channel-name,
-	.directory__user-name,
-	.directory__user-count,
-	.directory__username,
-	.directory__email,
-	.directory__domain {
+	& &__channel-name,
+	& &__user-name,
+	& &__user-count,
+	& &__username,
+	& &__email,
+	& &__domain {
 		overflow: hidden;
 
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
 
-	.directory__user-count {
+	& &__user-count {
 		width: 80px;
 	}
 
-	.directory__user-name,
-	.directory__username,
-	.directory__email,
-	.directory__domain {
+	& &__user-name,
+	& &__username,
+	& &__email,
+	& &__domain {
 		min-width: 100px;
 	}