Fixed some playlist elements

- Fixed issue with full song not being shown on mobile always
- Fixed issue where navigationbuttons are placed weirdly on desktop and mobile
- Fixed weird positioning issue on embedded player of songs
- Added navigationbuttons to embedded player

server/public/assets/css/embed.css

@@ -49,6 +49,8 @@
 #pageButtons{
   text-align: center;
   padding-top:15px;
+  display: flex;
+  justify-content: space-around;
 }
 
 #pageButtons, #pageButtons a{
@@ -365,17 +367,25 @@ html {
 }
 
 .prev_page_hide, .prev_page, .first_page, .first_page_hide{
-  padding:0 10px;
-  float:left;
+    padding:0 1px;
 }
 
 .next_page_hide, .next_page, .last_page, .last_page_hide{
-  padding:0 10px;
-  float:right;
+    padding:0 0px;
+    display: flex;
+}
+
+.first_page, .first_page_hide {
+    padding: 0 0 0 10px;
+}
+
+.last_page, .last_page_hide {
+    padding: 0 10px 0 0;
 }
 
 .vote-container {
   height: 100%;
+  width: 100%;
 }
 
 .card-duration {

server/public/assets/css/style.css

@@ -160,14 +160,22 @@ li.disabled span {
 }
 
 .prev_page_hide, .prev_page, .first_page, .first_page_hide{
-    padding:0 10px;
+    padding:0 1px;
 }
 
 .next_page_hide, .next_page, .last_page, .last_page_hide{
-    padding:0 10px;
+    padding:0 0px;
     display: flex;
 }
 
+.first_page, .first_page_hide {
+    padding: 0 0 0 10px;
+}
+
+.last_page, .last_page_hide {
+    padding: 0 10px 0 0;
+}
+
 .settings_embed:focus{
     border:none !important;
     box-shadow: none !important;
@@ -2334,10 +2342,10 @@ nav ul li:hover, nav ul li.active {
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
-    -webkit-transition: .5s ease-in-out;
-    -moz-transition: .5s ease-in-out;
-    -o-transition: .5s ease-in-out;
-    transition: .5s ease-in-out;
+    -webkit-transition: position .5s ease-in-out;
+    -moz-transition: position .5s ease-in-out;
+    -o-transition: position .5s ease-in-out;
+    transition: position .5s ease-in-out;
     cursor: pointer;
 }