update

html/static/scss/style.css

@@ -1548,6 +1548,12 @@ body {
   display: inline;
 }
 
+@media screen and (max-width: 767px) {
+  .sidenav .navbar-nav .btn-gocreate {
+    font-size: 3.5vmin;
+  }
+}
+
 .sidenav .navbar-nav .active {
   background: -webkit-gradient(linear, left top, right top, from(#0162c8), to(#55e7fc));
   background: linear-gradient(90deg, #0162c8, #55e7fc);

html/static/scss/style.scss

@@ -1380,6 +1380,9 @@ body {
 			cursor: pointer;
 			margin: 10px 3px;
 			display: inline;
+			@media screen and(max-width:$moblie) {
+				font-size: 3.5vmin;
+			}
 		}
 		.active {
 			background: linear-gradient(90deg, #0162c8, #55e7fc);
@@ -1412,6 +1415,7 @@ body {
 			font-size: 18px;
 			cursor: pointer;
 			position: relative;
+		
 		}
 
 		.nav-list-item::after {
@@ -1442,6 +1446,7 @@ body {
 			font-size: 16px;
 			display: inline;
 			margin: 2px;
+			
 			img {
 				filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(102deg) brightness(102%) contrast(101%);
 			}

html/user_profile2.html

@@ -263,7 +263,7 @@
                                                     </table>
                                                 </div>
                                             </div>
-                                            <div class="share col-12 order-5 col-lg-12 order-lg-5">
+                                            <div class="share col-12 order-5 col-lg-12 order-lg-5 mb-5">
                                                 <div class="card mt-3 p-3 p-lg-4">
                                                     <h3 set-lan="html:trial_title">Want to get more minutes?</h3>
                                                     <p class="mb-4" set-lan="html:trial_txt">Invite your friends to AI