From 7ee4244598c0973ef9a4fde3d32998c435522ba3 Mon Sep 17 00:00:00 2001
From: Ricardo Wurmus <rekado@elephly.net>
Date: Tue, 31 Mar 2020 00:11:14 +0200
Subject: css: Hide avatar on narrow screens.

---
 assets/css/screen.css | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 7ebdf38..4177f5e 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -124,15 +124,22 @@ table {
 }
 
 .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 {
-- 
cgit v1.2.3