feat(mobile): improve image viewer and install entry

(cherry picked from commit 556bfd2919)

src/app/chat/components/first-recharge-offer-banner.module.css

@@ -123,13 +123,14 @@
 
 .compactButton {
   display: grid;
+  width: min(100%, 240px);
   min-width: 0;
-  max-width: 224px;
-  min-height: 44px;
+  max-width: 240px;
+  min-height: 50px;
   grid-template-columns: auto minmax(0, 1fr) auto;
   align-items: center;
-  gap: 7px;
-  padding: 5px 8px;
+  gap: 8px;
+  padding: 7px 10px;
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, 0.42);
   border-radius: 16px;
@@ -146,8 +147,8 @@
 
 .compactIcon {
   display: inline-flex;
-  width: 28px;
-  height: 28px;
+  width: 32px;
+  height: 32px;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
@@ -160,7 +161,7 @@
   min-width: 0;
   flex-direction: column;
   gap: 2px;
-  font-size: 10px;
+  font-size: 11px;
   font-weight: 800;
   line-height: 1.05;
   text-transform: uppercase;
@@ -180,7 +181,7 @@
 
 .compactCopy strong {
   color: #ec006d;
-  font-size: 15px;
+  font-size: 17px;
   font-weight: 950;
   letter-spacing: -0.02em;
 }