embed: fix for mobile, set breakpoint at 480px

ikreymer · ikreymer · commit 1bc02ff2e30e · 2024-11-20T15:17:49.000-08:00
diff --git a/src/ui/coll.ts b/src/ui/coll.ts
@@ -75,13 +75,14 @@ class WrRecColl extends Item {
         display: inline-block;
       }
 
-      @media screen and (max-width: 768px) {
+      @media screen and (max-width: 480px) {
         div.has-addons {
           flex-wrap: wrap;
         }
 
         div.has-addons form {
-          display: contents;
+          flex: 1;
+          margin-bottom: 8px;
         }
 
         .rec-controls {

Original file line number	Diff line number	Diff line change
`@@ -75,13 +75,14 @@ class WrRecColl extends Item {`
`75`	`75`	`display: inline-block;`
`76`	`76`	`}`
`77`	`77`
`78`		`- @media screen and (max-width: 768px) {`
	`78`	`+ @media screen and (max-width: 480px) {`
`79`	`79`	`div.has-addons {`
`80`	`80`	`flex-wrap: wrap;`
`81`	`81`	`}`
`82`	`82`
`83`	`83`	`div.has-addons form {`
`84`		`- display: contents;`
	`84`	`+ flex: 1;`
	`85`	`+ margin-bottom: 8px;`
`85`	`86`	`}`
`86`	`87`
`87`	`88`	`.rec-controls {`