From e531c40356a58965a6199924e9af21e4282cc02c Mon Sep 17 00:00:00 2001
From: Andrew Luca <iamandrewluca@users.noreply.github.com>
Date: Fri, 19 Jan 2018 21:54:01 +0200
Subject: [PATCH] fix(styles): stop wrapper from overflowing on smaller devices
 (#4121)

When using `swagger-ui` for consumption by JavaScript web projects
that include module bundlers, instead of `swagger-ui-dist`
there is no `box-sizing: border-box` on `.wrapper`
and it's width overflows because of additional `padding: 0 20px`
---
 src/style/_layout.scss | 1 +
 src/style/_mixins.scss | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/style/_layout.scss b/src/style/_layout.scss
index d9cc913e..7bb218dc 100644
--- a/src/style/_layout.scss
+++ b/src/style/_layout.scss
@@ -4,6 +4,7 @@
     max-width: 1460px;
     margin: 0 auto;
     padding: 0 20px;
+    box-sizing: border-box;
 }
 
 .opblock-tag-section
diff --git a/src/style/_mixins.scss b/src/style/_mixins.scss
index 94969db5..8fd01720 100644
--- a/src/style/_mixins.scss
+++ b/src/style/_mixins.scss
@@ -171,4 +171,4 @@ $browser-context: 16;
     animation: shake .4s 1;
     border-color: $_color-delete;
     background: lighten($_color-delete, 35%);
-}
\ No newline at end of file
+}