fix scaling of integration pages

dpatanin · dpatanin · commit 8f005947488e · 2019-09-30T15:56:15.000+02:00
diff --git a/src/scss/components/_sidebar.scss b/src/scss/components/_sidebar.scss
@@ -64,7 +64,7 @@ span {
 	@include media-breakpoint-down(sm) {
 		display: none;
 	}
-	width: 10vw;
+	width: 150px;
     background: $secureCodeBlue;
     height: 100vh;
     align-self: flex-start;
diff --git a/src/scss/pages/integrations/_integration.scss b/src/scss/pages/integrations/_integration.scss
@@ -70,10 +70,11 @@ $url_0: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAA
   display: flex;
   #content {
     width: 90vw;
+    overflow-x: scroll;
     #integration-doc {
-      width: 55vw;
+      width: 60%;
       @include media-breakpoint-down(sm) {
-        width: 90vw;
+        width: auto;
       }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ span {`
`64`	`64`	`@include media-breakpoint-down(sm) {`
`65`	`65`	`display: none;`
`66`	`66`	`}`
`67`		`- width: 10vw;`
	`67`	`+ width: 150px;`
`68`	`68`	`background: $secureCodeBlue;`
`69`	`69`	`height: 100vh;`
`70`	`70`	`align-self: flex-start;`
Original file line number	Diff line number	Diff line change
`@@ -70,10 +70,11 @@ $url_0: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAA`
`70`	`70`	`display: flex;`
`71`	`71`	`#content {`
`72`	`72`	`width: 90vw;`
	`73`	`+ overflow-x: scroll;`
`73`	`74`	`#integration-doc {`
`74`		`- width: 55vw;`
	`75`	`+ width: 60%;`
`75`	`76`	`@include media-breakpoint-down(sm) {`
`76`		`- width: 90vw;`
	`77`	`+ width: auto;`
`77`	`78`	`}`
`78`	`79`	`}`
`79`	`80`