* Put controls toward the end

PikachuEXE · PikachuEXE · commit f76c50fe6ee8 · 2024-05-05T08:26:54.000+08:00
diff --git a/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.css b/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.css
@@ -24,9 +24,11 @@
 
 .optionsRow {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+  grid-template-columns: repeat(3, auto);
+  column-gap: 32px;
   grid-template-rows: 1fr;
   align-items: center;
+  justify-content: end;
 }
 
 @media only screen and (width <= 800px) {
@@ -35,6 +37,7 @@
     grid-template-columns: auto;
     grid-template-rows: repeat(auto-fit, auto);
     align-items: stretch;
+    justify-content: initial;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -24,9 +24,11 @@`
`24`	`24`
`25`	`25`	`.optionsRow {`
`26`	`26`	`display: grid;`
`27`		`- grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));`
	`27`	`+ grid-template-columns: repeat(3, auto);`
	`28`	`+ column-gap: 32px;`
`28`	`29`	`grid-template-rows: 1fr;`
`29`	`30`	`align-items: center;`
	`31`	`+ justify-content: end;`
`30`	`32`	`}`
`31`	`33`
`32`	`34`	`@media only screen and (width <= 800px) {`
`@@ -35,6 +37,7 @@`
`35`	`37`	`grid-template-columns: auto;`
`36`	`38`	`grid-template-rows: repeat(auto-fit, auto);`
`37`	`39`	`align-items: stretch;`
	`40`	`+ justify-content: initial;`
`38`	`41`	`}`
`39`	`42`	`}`
`40`	`43`