Fix VC styling for small screens
Change-Id: I86ccd6dd4ddac4ef22c53a388d4b5a4951faee5d
diff --git a/dev/scss/header/vc.scss b/dev/scss/header/vc.scss
index bc6bb64..799a6ef 100644
--- a/dev/scss/header/vc.scss
+++ b/dev/scss/header/vc.scss
@@ -10,7 +10,10 @@
*/
.vc .builder {
- overflow-x: auto;
+ position: initial;
+
+ // Unfortunately that does not work:
+ // overflow-x: auto;
margin-top: 4pt;
.docGroup, .doc {
@@ -25,6 +28,7 @@
*/
.docGroup {
position: relative;
+
display: inline-block;
margin-left: $left-padding; // 28pt
diff --git a/dev/scss/media.scss b/dev/scss/media.scss
index 4b28ede..988ea9b 100644
--- a/dev/scss/media.scss
+++ b/dev/scss/media.scss
@@ -31,6 +31,14 @@
.vc {
font-size: 9pt;
+ .builder {
+ .doc {
+ padding-left: 3em;
+ }
+ * .docGroup {
+ margin-left: 3em;
+ }
+ }
}
h1 {