Merge pull request #1374 from processing/collection-responsive

catarak · web-flow · commit 01855f356529 · 2020-04-08T13:15:35.000-04:00
Add responsive width to collection metadata
diff --git a/client/styles/components/_collection.scss b/client/styles/components/_collection.scss
@@ -8,7 +8,8 @@
 }
 
 .collection-metadata {
-  width: #{1012 / $base-font-size}rem;
+  max-width: #{1012 / $base-font-size}rem;
+  width: 100%;
   margin: 0 auto;
   margin-bottom: #{24 / $base-font-size}rem;
 }

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,8 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.collection-metadata {`
`11`		`- width: #{1012 / $base-font-size}rem;`
	`11`	`+ max-width: #{1012 / $base-font-size}rem;`
	`12`	`+ width: 100%;`
`12`	`13`	`margin: 0 auto;`
`13`	`14`	`margin-bottom: #{24 / $base-font-size}rem;`
`14`	`15`	`}`