fix some stuff

html/poketube.ejs

@@ -881,16 +881,17 @@ display: block;" autoplay controls
                 <p class="comments-author">
                   				<a href="/channel?id=<%- x.authorId%>" style="color: var(--text-color);text-decoration: none;" >
 
-                <%- x.author%> <p class="date-publish">
+                <%- x.author%>     <%  if (x.verified) { %> 
-                  <%- x.publishedText %>
-                  </p>
-                  </a>
-                            
-                                <%  if (x.verified) { %> 
                                                               
                                                                    <i class="icon ion ion-md-checkmark-circle"></i>
                                   
                                                                                                 <% } %>   
+                                                                                                  <p class="date-publish">
+                  <%- x.publishedText %>
+                  </p>
+                  </a>
+                            
+                            
 
                   
                   </p>                                                                <% } %>   
@@ -900,15 +901,15 @@ display: block;" autoplay controls
  
                   				<a href="/channel?id=<%- x.authorId%>" style="color: var(--text-color);text-decoration: none;" >
 
-                                <%- x.author%> <p class="date-publish">
+                                <%- x.author%>       <%  if (x.verified) { %> 
+                                                              
+                                                                   <i class="icon ion ion-md-checkmark-circle"></i>
+                                                                                                <% } %>   
+                                                                                                   <p class="date-publish">
                   <%- x.publishedText %>
                   </p> 
                   </a>
                                   
-                                                            <%  if (x.verified) { %> 
-                                                              
-                                                                   <i class="icon ion ion-md-checkmark-circle"></i>
-                                                                                                <% } %>   
                                                       
                                                                                                 <% } %>   
 
@@ -1165,7 +1166,7 @@ display: block;" autoplay controls
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <link href=/css/yt-ukraine.svg?v=6 rel=icon>
 <title> <%=video.Title%> - PokeTube Mobile</title>
- <link href="https://p.poketube.fun/https://tube.kuylar.dev/css/mobile.css" rel=stylesheet>
+ <link href="/css/mobile.css" rel=stylesheet>
  <link href=/css/app.main.css rel=stylesheet>
     <link href=https://p.poketube.fun/https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.css rel=stylesheet>
   <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
@@ -1183,720 +1184,8 @@ summary:hover{
     color:white;
 }
 </style>
-  <!-- WIGGLE WIGGLE WIGGLE -->
-  <style>
    
   
-    
-    body{
-         max-width: 100%;
-        overflow-x: hidden; /* Hide horizontal scrollbar */
-        color:#111111
-    }
-    html, body {
-  overflow-x: hidden;
-}
-body {
-  position: relative
-}
-   .animated {
-            -webkit-animation-duration: 10s; 
-            animation-duration: 10s; 
-            -webkit-animation-fill-mode: both;
-            animation-fill-mode: both; 
-            animation-iteration-count: infinite;
-            -moz-animation-iteration-count: infinite;
-            -webkit-animation-iteration-count: infinite;
-            -o-animation-iteration-count: infinite;
-         }
-             .v-chip:not(.v-chip--outlined).accent,
-.v-chip:not(.v-chip--outlined).error,
-.v-chip:not(.v-chip--outlined).info,
-.v-chip:not(.v-chip--outlined).primary,
-.v-chip:not(.v-chip--outlined).secondary,
-.v-chip:not(.v-chip--outlined).success,
-.v-chip:not(.v-chip--outlined).warning {
- color:#fff
-}
-    
-:root {
-  /* text */
-  --text-link: #0ab7f0;
-  --text-link-visited: #00c0ff;
-  --text-color: #ffffff;
-  --text-font-primary: "PokeTube Flex";
-  --text-header-weight: 1000;
-
-  /* Divs */
-  --div-gradient: linear-gradient(
-    135deg,
-    #f97794 10%,
-    #623aa2 100%,
-    #8e6f7e 100%
-  );
-  --div-border-color: #7c44a0;
-  --div-prim-bg: #1c1c1c;
-  --div-second-bg: #1a1a1a;
-  --div-transparent-bg: #0009;
-}
-.theme--light.v-chip {
- border-color:rgba(0,0,0,.12);
- color:rgba(0,0,0,.87)
-}
-.theme--light.v-chip:not(.v-chip--active) {
- background:#e0e0e0
-}
-.theme--light.v-chip:hover:before {
- opacity:.04
-}
-.theme--light.v-chip--active:before,
-.theme--light.v-chip--active:hover:before,
-.theme--light.v-chip:focus:before {
- opacity:.12
-}
-.theme--light.v-chip--active:focus:before {
- opacity:.16
-}
-.theme--dark.v-chip {
- border-color:hsla(0,0%,100%,.12);
- color:#fff
-}
-.theme--dark.v-chip:not(.v-chip--active) {
- background:#555
-}
-.theme--dark.v-chip:hover:before {
- opacity:.08
-}
-.theme--dark.v-chip--active:before,
-.theme--dark.v-chip--active:hover:before,
-.theme--dark.v-chip:focus:before {
- opacity:.24
-}
-.theme--dark.v-chip--active:focus:before {
- opacity:.32
-}
-.v-chip {
- align-items:center;
- cursor:default;
- display:inline-flex;
- line-height:20px;
- max-width:100%;
- outline:none;
- overflow:hidden;
- padding:0 12px;
- position:relative;
- text-decoration:none;
- transition-duration:.28s;
- transition-property:box-shadow,opacity;
- transition-timing-function:cubic-bezier(.4,0,.2,1);
- vertical-align:middle;
- white-space:nowrap
-}
-.v-chip:before {
- background-color:currentColor;
- bottom:0;
- border-radius:inherit;
- content:"";
- left:0;
- opacity:0;
- position:absolute;
- pointer-events:none;
- right:0;
- top:0
-}
-.v-chip .v-avatar {
- height:24px!important;
- min-width:24px!important;
- width:24px!important
-}
-.v-chip .v-icon {
- font-size:24px
-}
-.v-application--is-ltr .v-chip .v-avatar--left,
-.v-application--is-ltr .v-chip .v-icon--left {
- margin-left:-6px;
- margin-right:6px
-}
-.v-application--is-ltr .v-chip .v-avatar--right,
-.v-application--is-ltr .v-chip .v-icon--right,
-.v-application--is-rtl .v-chip .v-avatar--left,
-.v-application--is-rtl .v-chip .v-icon--left {
- margin-left:6px;
- margin-right:-6px
-}
-.v-application--is-rtl .v-chip .v-avatar--right,
-.v-application--is-rtl .v-chip .v-icon--right {
- margin-left:-6px;
- margin-right:6px
-}
-.v-chip:not(.v-chip--no-color) .v-icon {
- color:inherit
-}
-.v-chip .v-chip__close.v-icon {
- font-size:18px;
- max-height:18px;
- max-width:18px;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none
-}
-.v-application--is-ltr .v-chip .v-chip__close.v-icon.v-icon--right {
- margin-right:-4px
-}
-.v-application--is-rtl .v-chip .v-chip__close.v-icon.v-icon--right {
- margin-left:-4px
-}
-.v-chip .v-chip__close.v-icon:active,
-.v-chip .v-chip__close.v-icon:focus,
-.v-chip .v-chip__close.v-icon:hover {
- opacity:.72
-}
-.v-chip .v-chip__content {
- align-items:center;
- display:inline-flex;
- height:100%;
- max-width:100%
-}
-.v-chip--active .v-icon {
- color:inherit
-}
-.v-chip--link:before {
- transition:opacity .3s cubic-bezier(.25,.8,.5,1)
-}
-.v-chip--link:focus:before {
- opacity:.32
-}
-.v-chip--clickable {
- cursor:pointer;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none
-}
-.v-chip--clickable:active {
- box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
-}
-.v-chip--disabled {
- opacity:.4;
- pointer-events:none;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none
-}
-.v-chip__filter {
- max-width:24px
-}
-.v-chip__filter.v-icon {
- color:inherit
-}
-.v-chip__filter.expand-x-transition-enter,
-.v-chip__filter.expand-x-transition-leave-active {
- margin:0
-}
-.v-chip--pill .v-chip__filter {
- margin-right:0 16px 0 0
-}
-.v-chip--pill .v-avatar {
- height:32px!important;
- width:32px!important
-}
-.v-application--is-ltr .v-chip--pill .v-avatar--left {
- margin-left:-12px
-}
-.v-application--is-ltr .v-chip--pill .v-avatar--right,
-.v-application--is-rtl .v-chip--pill .v-avatar--left {
- margin-right:-12px
-}
-.v-application--is-rtl .v-chip--pill .v-avatar--right {
- margin-left:-12px
-}
-.v-chip--label {
- border-radius:4px!important
-}
-.v-chip.v-chip--outlined {
- border-width:thin;
- border-style:solid
-}
-.v-chip.v-chip--outlined.v-chip--active:before {
- opacity:.08
-}
-.v-chip.v-chip--outlined .v-icon {
- color:inherit
-}
-.v-chip.v-chip--outlined.v-chip.v-chip {
- background-color:transparent!important
-}
-.v-chip.v-chip--selected {
- background:transparent
-}
-.v-chip.v-chip--selected:after {
- opacity:.28
-}
-.v-chip.v-size--x-small {
- border-radius:8px;
- font-size:10px;
- height:16px
-}
-.v-chip.v-size--small {
- border-radius:12px;
- font-size:12px;
- height:24px
-}
-.v-chip.v-size--default {
- border-radius:16px;
- font-size:14px;
- height:32px
-}
-.v-chip.v-size--large {
- border-radius:27px;
- font-size:16px;
- height:54px
-}
-.v-chip.v-size--x-large {
- border-radius:33px;
- font-size:18px;
- height:66px
-}
-    
-    
-.new-button {
-	background: #333;
-	border-radius: 2em;
-	padding-right: 1em;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	align-content: center;
-	width: max-content;
-	margin-top: 4px;
-	margin-left: 3px;
-	margin-right: 0;
-}
-.pill-button {
-margin-left: 1em;
-}
-
-.vertical {
-  border-left: 1px solid gray;
-  height: 15px;
-}
-         
-         @-webkit-keyframes wiggle { 
-            0% { -webkit-transform: skewX(9deg); }
-            10% { -webkit-transform: skewX(-8deg); }
-            20% { -webkit-transform: skewX(7deg); }
-            30% { -webkit-transform: skewX(-6deg); }
-            40% { -webkit-transform: skewX(5deg); } 
-            50% { -webkit-transform: skewX(-4deg); } 
-            60% { -webkit-transform: skewX(3deg); }
-            70% { -webkit-transform: skewX(-2deg); } 
-            80% { -webkit-transform: skewX(1deg); } 
-            90% { -webkit-transform: skewX(0deg); }
-            100% { -webkit-transform: skewX(0deg); } 
-         }
-         
-         @keyframes wiggle { 
-            0% { transform: skewX(9deg); } 
-            10% { transform: skewX(-8deg); } 
-            20% { transform: skewX(7deg); } 
-            30% { transform: skewX(-6deg); } 
-            40% { transform: skewX(5deg); } 
-            50% { transform: skewX(-4deg); } 
-            60% { transform: skewX(3deg); } 
-            70% { transform: skewX(-2deg); } 
-            80% { transform: skewX(1deg); } 
-            90% { transform: skewX(0deg); } 
-            100% { transform: skewX(0deg); } 
-         }
-         
-         .wiggle { 
-            -webkit-animation-name: wiggle;
-            animation-name: wiggle; 
-            -webkit-animation-timing-function: ease-in;
-            animation-timing-function: ease-in; 
-         }
-         
-         .animated.wiggle { 
-            -webkit-animation-duration: 0.75s; 
-            animation-duration: 0.75s;
-         }
-    
-    :root {
-    --text-primary: #fff;
-    --text-secondary: #fff;
-    --text-link: #3ea6ff;
-
-    --app-background: #0A0101;
-    --context-menu-background: #333;
-    --border-color: #444;
-    --item-hover-background: #373737;
-    --item-active-background: #383838;
-
-    --top-bar-background: #202020;
-    --guide-background: #212121;
-
-    --thumbnail-background: #252525;
-
-    --channel-info-background: #181818;
-    --channel-contents-background: #0f0f0f;
-}
-          @font-face {
-        font-family: 'Ginto Nord';
-        font-weight: 800;
-        src:url('https://p.poketube.fun/https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
-      }
-
-.alert {
-  padding: 20px;
-  background-color: #f44336;
-  color: white;
-  opacity: 1;
-  transition: opacity 0.6s;
-  margin-bottom: 15px;
-}
-
-.alert.success {background-color: #04AA6D;}
-.alert.info {background-color: #2196F3;}
-.alert.warning {background-color: #ff9800;}
-
-.closebtn {
-  margin-left: 15px;
-  color: white;
-  font-weight: bold;
-  float: right;
-  font-size: 22px;
-  line-height: 20px;
-  cursor: pointer;
-  transition: 0.3s;
-}
-
-.closebtn:hover {
-  color: black;
-}
-    
-        :visited { color: #00c0ff }
-     
-a{
-  color:#0ab7f0;
-}
-    .fromtheweb-outer{
-display: flex;
-flex-wrap: wrap;
-justify-content: space-between;
--moz-box-pack: justify;
-padding: 10px;
-margin-bottom: 12px;
-border-bottom-right-radius: 10px;
-border-bottom-left-radius: 10px;
-    }
-        .fromtheweb-inner{
-    -moz-box-align: center;
-text-align:left;
-font-size: 14px;
--moz-box-pack: center;
-justify-content: center;
-padding: 0px 0px;
-line-height: 18px;
-     }
-    
- 
-#desc-container .backtotop {
-  margin: 0%;
-  display: none;
-}
-#desc-container .backtotop a {
-   margin-top: .5em;
-}
-#desc .close { display: none; }
-#desc {
-font-size: .94em;
-line-height: 1.2em;
-text-align: left;
-padding: .6em 3%;
-margin: 0;
-background: #000;
-border-top: none;
-border-radius: 23px;
-height: 100%;
-}
-#set-language { margin-bottom: .2em; }
-#set-language + p { 
-   display: inline-block;
-   font-size: 1em;  /* 15px */
-   margin: .45em 0 0;
-}
-
-#descs { padding: .4em 0; }
-#descs p {margin: 0;
-font-weight: 900;
-font-stretch: ultra-expanded;
-padding: 3px;
-    }
-#descs span {
-   display: inline-block;
-   width: 10.5em;
-   line-height: 2em;
-}
-#descs span a {
-   line-height: 1.9em;
-}
-#descs span.original { font-weight: bold; }
-/* Display/hide language list */
-
-   #desc-container { display: none; }
-   #desc-container:target { display: block; }
-   .backtotop b { display: none; }
-
-   body { position: relative; }
-   #desc-container {
-      position: absolute;
- margin-top: -20.4em;
-     left: 0;
-      width: 100%;
-      height: 100%;
-   }
-   #language-container .backtotop a {
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      background: transparent;
-      border: none;
-      margin-top: 0;
-   }
-   #desc .close {
-      float: right;
-      display: block;
-   }
-   #desc .close span {
-      display: none;
-   }
-   #desc .close:after {
-      content: "\2A09";
-      float: right;
-      position: relative; bottom: .1em;
-      cursor: pointer;
-   }
-  
-   #descs {
-      column-width: 10em;
-      column-count: 3;
-      column-gap: 0;
-   }
-   #descs span { display: block; }
-   #descs span a { display: inline-block; }
-    
-    #comments-container .backtotop {
-  margin: 0%;
-  display: none;
-}
-#comments-container .backtotop a {
-   margin-top: .5em;
-}
-#comments .close { display: none; }
-#comments {
-font-size: .94em;
-line-height: 1.2em;
-text-align: left;
-padding: .6em 3%;
-margin: 0;
-background: #000;
-border-top: none;
-border-radius: 23px;
-height: 100%;
-}
-#set-language { margin-bottom: .2em; }
-#set-language + p { 
-   display: inline-block;
-   font-size: 1em;  /* 15px */
-   margin: .45em 0 0;
-}
-
-#commentss { padding: .4em 0; }
-#commentss p {margin: 0;
-font-weight: 900;
-font-stretch: ultra-expanded;
-padding: 3px;
-    }
-#commentss span {
-   display: inline-block;
-   width: 10.5em;
-   line-height: 2em;
-}
-#commentss span a {
-   line-height: 1.9em;
-}
-#commentss span.original { font-weight: bold; }
-/* Display/hide language list */
-
-   #comments-container { display: none; }
-   #comments-container:target { display: block; }
-    
-     #rec-cont:target { display: none; }
-   #rec-cont { display: block; }
-
-   .backtotop b { display: none; }
-
-   body { position: relative; }
-   #comments-container {
-      position: absolute;
- margin-top: -20.4em;
-     left: 0;
-      width: 100%;
-      height: 100%;
-   }
-   #language-container .backtotop a {
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      background: transparent;
-      border: none;
-      margin-top: 0;
-   }
-   #comments .close {
-      float: right;
-      display: block;
-   }
-   #comments .close span {
-      display: none;
-   }
-   #comments .close:after {
-      content: "\2A09";
-      float: right;
-      position: relative; bottom: .1em;
-      cursor: pointer;
-   }
-  
-   #commentss {
-      column-width: 10em;
-      column-count: 3;
-      column-gap: 0;
-   }
-   #commentss span { display: block; }
-   #commentss span a { display: inline-block; }
-    
-    
-  .description{
-      white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
-    white-space: -pre-wrap;      /* Opera 4-6 */
-    white-space: -o-pre-wrap;    /* Opera 7 */
-    white-space: pre-wrap;       /* css-3 */
-    word-wrap: break-word;       /* Internet Explorer 5.5+ */
-    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
-    word-break: break-all;
-    white-space: normal;
-
-  }
-  
-  .desc {
-       white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
-    white-space: -pre-wrap;      /* Opera 4-6 */
-    white-space: -o-pre-wrap;    /* Opera 7 */
-    white-space: pre-wrap;       /* css-3 */
-    word-wrap: break-word;       /* Internet Explorer 5.5+ */
-    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
-    word-break: break-all;
-    white-space: normal;
-  }
-  </style>
-  
-  <style>
-    #more-button-container .backtotop {
-  margin: 0%;
-  display: none;
-}
-#more-button-container .backtotop a {
-   margin-top: .5em;
-}
-#more-button .close { display: none; }
-#more-button {
-font-size: .94em;
-line-height: 1.2em;
-text-align: left;
-padding: .6em 3%;
-margin: 0;
-background: #000;
-border-top: none;
-border-radius: 23px;
-height: 100%;
-}
-#set-language { margin-bottom: .2em; }
-#set-language + p { 
-   display: inline-block;
-   font-size: 1em;  /* 15px */
-   margin: .45em 0 0;
-}
-
-#more-buttons { padding: .4em 0; }
-#more-buttons p {margin: 0;
-font-weight: 900;
-font-stretch: ultra-expanded;
-padding: 3px;
-    }
-#more-buttons span {
-   display: inline-block;
-   width: 10.5em;
-   line-height: 2em;
-}
-#more-buttons span a {
-   line-height: 1.9em;
-}
-#more-buttons span.original { font-weight: bold; }
-/* Display/hide language list */
-
-   #more-button-container { display: none; }
-   #more-button-container:target { display: block; }
-    
-     #rec-cont:target { display: none; }
-   #rec-cont { display: block; }
-
-   .backtotop b { display: none; }
-
-   body { position: relative; }
-   #more-button-container {
-      position: absolute;
- margin-top: -20.4em;
-     left: 0;
-      width: 100%;
-      height: 100%;
-   }
-   #language-container .backtotop a {
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      background: transparent;
-      border: none;
-      margin-top: 0;
-   }
-   #more-button .close {
-      float: right;
-      display: block;
-   }
-   #more-button.close span {
-      display: none;
-   }
-   #more-button .close:after {
-      content: "\2A09";
-      float: right;
-      position: relative; bottom: .1em;
-      cursor: pointer;
-   }
-  
-   #more-buttons {
-      column-width: 10em;
-      column-count: 3;
-      column-gap: 0;
-   }
-   #more-buttons span { display: block; }
-   #more-buttons span a { display: inline-block; }
-    
-    .date-publish {
-
-}
-
-</style>
-  
   <style>body, html { margin: 0; padding: 0; } * { font-family: sans-serif; color:#fff } .player { background-color: #000 !important; display: grid; grid-template-columns: 1fr min-content; grid-template-rows: max-content 1fr max-content max-content max-content; gap: 0 0; width: 100%; /* height: 100%; */ aspect-ratio: 16 / 9; } .player * { color: #fff; } .player.embed, video.embed { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .player * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .player > video { position: relative; width: 100%; height: 100%; z-index: 0; grid-area: 1 / 1 / 6 / 3; } .player.hide-controls > .player-title, .player.hide-controls > .player-controls, .player.hide-controls > .player-playback-bar-container, .player.hide-controls > .player-menu { display: none !important; } .player-controls { background-color: #0007; display: flex; justify-content: center; align-items: center; z-index: 1; grid-area: 1 / 1 / 6 / 3; } .player-button { width: 96px; height: 96px; font-size: 90px; text-align: center; line-height: 48px; } .player-tiny-button { width: 40px; font-size: 20px; text-align: center; } .player-tiny-button > i { color: #ddd; } .player-button, .player-button * { color: #dddddd !important; text-decoration: none; } .player-button > i { min-width: 48px; } .player-button:hover, .player-button:hover * { color: #fff !important; } .player-playback-bar { transition: width linear 100ms; } .player-playback-bar-container { grid-area: 4 / 1 / 5 / 3; display: flex; column-gap: 8px; justify-content: center; align-items: center; height: 8px; transition: height linear 100ms; width: 100%; z-index: 2; margin-bottom: 10px; } .player-playback-bar-bg { background-color: #fff3 !important; width: 100%; height: 100%; z-index: 2; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; } .player-playback-bar-bg > * { grid-area: 1 / 1 / 2 / 2; } .player-playback-bar-buffer { background-color: #fffa !important; height: 100%; width: 0; z-index: 3; } .player-playback-bar-fg { background-color: #f00 !important; height: 100%; width: 0; z-index: 4; } .player-buffering { grid-area: 1 / 1 / 6 / 3; z-index: 1; display: flex; justify-content: center; align-items: center; } .player-buffering-spinner { width: 80px; height: 80px; }</style>
   <body>
 <div class="app" style="color:#fff;margin-top: 0;">
@@ -1904,9 +1193,12 @@ padding: 3px;
        <div class="left"><a class="class" href="/" style="font-family:Inter,sans-serif;color:#fff"> <img style="width: 8.5em;display: block;margin-left: -1.5em;margin-right: auto;" src="/css/logo-mobile.svg">      </a>
              </div>
            
+  <div class="middle">
+    
+  </div>
             <div class="right">
           
-       <a href="/discover?tab=search" style="padding-left: 8.5em;"><i class="fa-light fa-search"></i></a> 
+       <a href="/discover?tab=search" ><i class="fa-light fa-search"></i></a> 
 
             </div>
      
@@ -1917,7 +1209,7 @@ padding: 3px;
 		<div class="video-player-container" style="background-color:#000">
     <% if (lightOrDark(color) == "dark") { %>  
 
-<video class="player" id="<%=sha384(video.id)%>" style="border-radius: 6px;box-shadow: 0 0 20px <%=color2
+<video class="player" id="<%=sha384(video.id)%>" style="border-radius: 6px;box-shadow: 0 0 20px  <%=color2
                                                         %>;" autoplay controls   
        
        poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg?v=607ddcd4">
@@ -1925,7 +1217,7 @@ padding: 3px;
                                                                                      <% } %>                
    <% if (lightOrDark(color) == "light") { %>  
 
-<video class="player" id="<%=sha384(video.id)%>" style="border-radius: 6px;box-shadow: 0 0 20px <%=color
+<video class="player" id="<%=sha384(video.id)%>" style="border-radius: 6px;box-shadow: 0 0 20px  <%=color
                                                         %>;" autoplay controls   
        
        poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg?v=607ddcd4">
@@ -1984,7 +1276,7 @@ padding: 3px;
 <i class="fa-thin fa-chevron-down"></i>
 </a> </div>
                     
-					<div class="channel-info" style="border: none;padding: 10px;background: #333;border-radius: 15px;margin-left: 6px;margin-right: 12px;" name="chnl">
+					<div class="channel-info" style="border: none;padding: 10px;background: #0009;border-radius: 15px;margin-left: 6px;margin-right: 12px;" name="chnl">
                
 				<a class="avatar">
 					<img src=" https://p.poketube.fun/<%= k.Video.Channel.Avatar[1].$t %>">
@@ -1995,7 +1287,7 @@ padding: 3px;
 						<a style="color:#fff" href="/channel?id=<%=k.Video.Channel.id%>" >  <%=k.Video.Channel.Name%></a>   
             
          
-		<div class="subscriber-count" style="display: block ruby;">
+		<div class="subscriber-count" style="write-space:nowraap">
           <%= k.Video.Channel.subscriberCount %>
  				</div>
               </div>
@@ -2390,18 +1682,18 @@ More Epic options owo~
                 <p style="margin: 7px;font-family:inter;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: anywhere;white-space: -webkit-pre-wrap;word-break: break-all;white-space: normal;">
                   				<a href="/channel?id=<%- x.authorId%>" style="color: #fff;text-decoration: none;" >
 
-                <%- x.author%> <p style="  margin: 0; 
+                <%- x.author%>    <%  if (x.verified) { %> 
+                                                              
+                                                                   <i class="icon ion ion-md-checkmark-circle"></i>
+                                                                                                <% } %>    <p style="  margin: 0; 
   margin-top: 12px; !important;
   font-size: small; !important;
-  color: gray !important;">
+  color: gray !important; white-space: nowrap;">
                   <%- x.publishedText %>
                   </p>
                   </a>
                             
-                                <%  if (x.verified) { %> 
                                 
-                                                                   <i class="icon ion ion-md-checkmark-circle"></i>
-                                                                                                <% } %>   
 
                   
                   </p>                                                                <% } %>   
@@ -2411,18 +1703,19 @@ More Epic options owo~
   
                   				<a href="/channel?id=<%- x.authorId%>" style="color: #fff;text-decoration: none;" >
 
-                                <%- x.author%> <p style="  margin: 0; 
+                                <%- x.author%>    <%  if (x.verified) { %> 
+                                                              
+                                                                   <i class="icon ion ion-md-checkmark-circle"></i>
+                                                                                                <% } %>    <p style="  margin: 0; 
   margin-top: 12px; !important;
   font-size: small; !important;
-  color: gray !important;">
+  color: gray !important; white-space: nowrap;">
                   <%- x.publishedText %>
                   </p>
                   </a>
                                   
-                                                            <%  if (x.verified) { %> 
                                                          
-                                                                   <i class="icon ion ion-md-checkmark-circle"></i>
+                                                                                                  
-                                                                                                <% } %>   
                                                                                                 <% } %>