diff --git a/src/renderer/components/playlist-info/playlist-info.scss b/src/renderer/components/playlist-info/playlist-info.scss index fceac09615bd6..e4d3326394774 100644 --- a/src/renderer/components/playlist-info/playlist-info.scss +++ b/src/renderer/components/playlist-info/playlist-info.scss @@ -112,11 +112,16 @@ margin-block-start: 8px; } - .playlistOptionsWrapper { + .playlistOptionsAndSearch { display: flex; - flex-direction: column; - justify-content: space-between; + flex-flow: row wrap; + justify-content: center; align-items: center; + gap: 10px; + } + + .searchWrapper { + flex-basis: 100%; } .channelShareWrapper, diff --git a/src/renderer/components/playlist-info/playlist-info.vue b/src/renderer/components/playlist-info/playlist-info.vue index 3330e73e14762..0ae4997237d21 100644 --- a/src/renderer/components/playlist-info/playlist-info.vue +++ b/src/renderer/components/playlist-info/playlist-info.vue @@ -100,6 +100,7 @@
- -
-
- - - - - - - - - - -
-
- - - -
+
+
+ + + + + + + + + + +
- +
+ +
+ + +