UX:Breakpoint padding (#32)

scss/main.scss

@@ -82,7 +82,7 @@ body:not(.has-full-page-chat) {
       .container.badges,
       .topic-above-footer-buttons-outlet .presence-users,
       .global-notice {
-        @include breakpoint(extra-large, $rule: min-width) {
+        @include breakpoint(medium, $rule: min-width) {
           max-width: 1000px;
           margin-inline: auto;
           padding-inline: var(--spacing-inline-l);

scss/search-banner.scss

@@ -7,7 +7,7 @@
   border-bottom: 1px solid var(--primary-300);
   padding: 1.5em 0 2.5em;
   margin-bottom: 0;
-  @media screen and (max-width: 600px) {
+  @media screen and (max-width: 768px) {
     padding: 1em;
   }
   h1 {