recent_view: Remove side borders.

zulip · May 16, 2024 · 6c9e6c1 · 6c9e6c1
1 parent ed5e0fa
commit 6c9e6c1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
@@ -724,8 +724,6 @@
     }
 
     #recent_view_table {
-        border-color: hsl(0deg 0% 0% / 60%);
-
         .fa-envelope,
         .fa-group {
             opacity: 0.7;

diff --git a/web/styles/recent_view.css b/web/styles/recent_view.css
@@ -11,10 +11,6 @@
         overflow: hidden !important;
         display: flex;
         flex-direction: column;
-        border-style: solid;
-        border-color: hsl(0deg 0% 88%);
-        border-width: 0 1px;
-        border-radius: 0;
         /* To make the table span full height
          * when rows don't reach bottom of the
          * window. This makes the border span
@@ -164,7 +160,6 @@
 
         #recent_view_filter_buttons {
             padding-top: 12px;
-            margin: 0 10px;
             display: flex;
             /* Search box has no height without this in safari. */
             flex: 0 0 auto;
@@ -175,7 +170,9 @@
         .search_group {
             display: flex;
             flex-grow: 1;
-            margin: 0 -27px 10px 0;
+            /* The negative margin here is to move the
+               clear search icon inside the search input. */
+            margin: 0 -23px 10px 4px;
         }
 
         #recent_view_search {
@@ -558,6 +555,7 @@
     }
 
     &:focus {
+        outline-offset: -2px;
         outline: 2px solid var(--color-outline-focus);
     }
 }