css: Hide avatar on narrow screens.

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 7ebdf3850292602cc9a1bd3e0d5497a42b2f6f60..4177f5eded84997721e6e172f04d169c8a0fc88f 100644 (file)
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -124,15 +124,22 @@ table {
 }
 
 .conversation .avatar {
 }
 
 .conversation .avatar {

-    height: 64px;
-    width: 64px;
-    border: 1px solid #ddd;
-    border-radius: 6px;
-    color: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 58px;
+    display: none;
+}
+
+@media (min-width: 768px) {
+    .conversation .avatar {
+        height: 64px;
+        width: 64px;
+        border: 1px solid #ddd;
+        border-radius: 6px;
+        color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 58px;
+        position: absolute;
+    }

 }
 
 .address + .address:before {
 }
 
 .address + .address:before {