Merge pull request #37 from ishythefishy/layout-fix

whitep4nth3r · web-flow · commit 05be7d44428a · 2020-06-06T14:57:14.000+01:00
Tiny layout fix for info container
diff --git a/README.md b/README.md
@@ -18,10 +18,11 @@ I am gratefully welcoming feedback from musicians, pull requests from software e
 
 Thank you and happy jamming!
 
+___
 
 ## Technical
 
-The Fretonator was built with:
+The Fretonator is built with:
 
 ```
 Angular
diff --git a/apps/fretonator-web/src/app/common/fretonator/scale-map/scale-map.component.scss b/apps/fretonator-web/src/app/common/fretonator/scale-map/scale-map.component.scss
@@ -7,11 +7,12 @@
   display: flex;
   justify-content: space-between;
   flex-direction: column;
-  align-items: flex-start;
+  align-items: center;
   margin-bottom: pxToRem($grid-unit * 4);
 
   @media screen and (min-width: $screen-med) {
     flex-direction: row;
+    align-items: flex-start;
     margin-bottom: pxToRem($grid-unit * 8);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -7,11 +7,12 @@`
`7`	`7`	`display: flex;`
`8`	`8`	`justify-content: space-between;`
`9`	`9`	`flex-direction: column;`
`10`		`- align-items: flex-start;`
	`10`	`+ align-items: center;`
`11`	`11`	`margin-bottom: pxToRem($grid-unit * 4);`
`12`	`12`
`13`	`13`	`@media screen and (min-width: $screen-med) {`
`14`	`14`	`flex-direction: row;`
	`15`	`+ align-items: flex-start;`
`15`	`16`	`margin-bottom: pxToRem($grid-unit * 8);`
`16`	`17`	`}`
`17`	`18`	`}`