Add avatars to user list

2018-07-18 13:59:52 +02:00
parent c416d0c402
commit 3a43443011
7 changed files with 51 additions and 19 deletions
@@ -15,6 +15,8 @@
 }

 [data-component='ListPeer'] {
+	display: flex;
+
 	> .controls {
 		float: right;
 		display: flex;
@@ -110,23 +112,16 @@
 	}

 	> .avatar {
-		padding: 8px 16px;
-		float: left;
-		width: auto;
-		border: none;
-		display: block;
-		outline: 0;
-		border-radius: 50%;
-		vertical-align: middle;
+    border-radius: 50%;
+    height: 2rem;
 	}

 	> .peer-info {
-		font-size: 1.4vmin;
-		float: left;
-		width: auto;
-		border: none;
-		display: block;
-		outline: 0;
-		padding: 0.6vmin;
+    font-size: 1.4vmin;
+    border: none;
+    display: flex;
+    padding: 0.6vmin;
+    flex-grow: 1;
+    align-items: center;
 	}
 }