[RTY-260045]: width increases of ui

Author: Ravindrayadav04

app/static/css/tiny.css

@@ -45,14 +45,15 @@ body.light-theme {
 }
 
 .main-layout {
-  max-width: 870px;
-  width: 90%;
+  max-width: 1100px;
+  width: 100%;
   margin: 0 auto;
   padding: 2rem 1rem 3rem;
   display: flex;
   flex-direction: column;
   gap: 1rem;
   flex: 1;
+  justify-content: center;
 }
 
 .app-header {
@@ -842,12 +843,46 @@ body.light-theme .history-link {
   .result-card {
     flex-direction: column;
     align-items: flex-start;
+    gap: 1rem;
+    padding: 1rem;
+  }
+
+  .result-content {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    width: 100%;
+  }
+
+  .qr-image {
+    width: 60px;
+    height: 60px;
+  }
+
+  .short-url a {
+    font-size: 1rem;
+    word-break: break-all;
   }
 
   .result-actions {
-    align-items: flex-start;
+    width: 100%;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
   }
 
+  .btn-copy {
+    flex: 1;
+    text-align: center;
+    padding: 0.6rem;
+    font-size: 0.85rem;
+  }
+
+  .download-link {
+    font-size: 0.75rem;
+  }
+
+
   /* recent */
   .recent-header {
     font-size: 0.85rem;