From 3e277727ebadb7c8bd809314a5891b3de5c3af04 Mon Sep 17 00:00:00 2001
From: julian laplace <julescarbon@gmail.com>
Date: Wed, 26 Oct 2022 12:21:40 +0200
Subject: css

---
 views/partials/hootstream.ejs | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

(limited to 'views')

diff --git a/views/partials/hootstream.ejs b/views/partials/hootstream.ejs
index 7d09e4a..7da1c13 100644
--- a/views/partials/hootstream.ejs
+++ b/views/partials/hootstream.ejs
@@ -109,7 +109,7 @@
     opacity: 0.8;
     text-align: right;
     width: 6rem;
-    whitespace: nowrap;
+    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-right: 0.5rem;
@@ -200,7 +200,7 @@
     border-right: 1px solid;
   }
   #hootevents table tr:last-of-type td {
-    border-bottom: 1px solid;
+    border-bottom: 1px solid rgba(96,96,96,0.5);
   }
 
   #hootevents table {
@@ -238,6 +238,7 @@
   #hootevents code, #hootevents pre {
     background: rgba(127,127,127,0.2);
     border: 1px solid rgba(127,127,127,0.2);
+    max-width: calc(100vw - 12.5rem);
     margin: 0.25rem;
     padding: 0.5rem;
   }
@@ -283,4 +284,27 @@
       caret-color: #888;
     }
   }
+
+  /** MEDIA QUERY: PHONE */
+  @media (max-width: 700px) {
+    html, body { overflow-x: hidden; }
+    #hootstream {
+      margin-top: 1rem;
+    }
+    #hootevents .userLink {
+      display: none;
+    }
+    #hootevents .streamLastlog .userLink {
+      display: block;
+      width: auto;
+      margin-left: 2rem;
+    }
+    #hootevents table {
+      margin-left: 2rem;
+      width: calc(100% - 3rem);
+    }
+    #hootform {
+      margin-bottom: 1rem;
+    }
+  }
 </style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2