Browse Source

ref(ui): Better settings layout padding on small screens (#39041)

Evan Purkhiser 2 years ago
parent
commit
946b3b0648
1 changed files with 4 additions and 0 deletions
  1. 4 0
      static/app/views/settings/components/settingsLayout.tsx

+ 4 - 0
static/app/views/settings/components/settingsLayout.tsx

@@ -167,6 +167,10 @@ const Content = styled('div')`
   padding: ${space(4)};
   min-width: 0; /* keep children from stretching container */
 
+  @media (max-width: ${p => p.theme.breakpoints.medium}) {
+    padding: ${space(2)};
+  }
+
   /**
    * PageContent is not normally used in settings but <PermissionDenied /> uses it under the hood.
    * This prevents double padding.