UI: сделать плитки загрузок тоньше

shine-UI/styles/components.css

@@ -2499,12 +2499,17 @@ textarea.input {
 }
 
 .ar-attachment-history-tiles {
+  align-content: start;
+  box-sizing: border-box;
   display: grid;
-  gap: 0.36rem;
+  gap: 0.28rem;
+  grid-auto-rows: min-content;
   max-height: 58vh;
+  max-width: 100%;
+  min-width: 0;
   overflow-x: hidden;
   overflow-y: auto;
-  padding: 0.45rem;
+  padding: 0.35rem;
   scrollbar-color: rgba(212, 175, 55, 0.65) rgba(255, 255, 255, 0.06);
   scrollbar-width: thin;
   width: 100%;
@@ -2532,15 +2537,15 @@ textarea.input {
 .ar-attachment-history-tile {
   background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(22, 36, 53, 0.96));
   border: 1px solid rgba(212, 175, 55, 0.2);
-  border-radius: 0.65rem;
+  border-radius: 0.52rem;
   box-sizing: border-box;
   color: #f8fafc;
   display: grid;
-  gap: 0.18rem;
+  gap: 0.12rem;
   max-width: 100%;
   min-width: 0;
   overflow: hidden;
-  padding: 0.42rem 0.52rem;
+  padding: 0.28rem 0.42rem;
   width: 100%;
 }
 
@@ -2562,8 +2567,8 @@ textarea.input {
 
 .ar-attachment-history-name {
   display: block;
-  font-size: 0.86rem;
-  line-height: 1.12;
+  font-size: 0.78rem;
+  line-height: 1.08;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2582,19 +2587,22 @@ textarea.input {
   color: #cbd5e1;
   display: flex;
   flex-wrap: wrap;
-  font-size: 0.68rem;
-  gap: 0.28rem;
+  font-size: 0.6rem;
+  gap: 0.22rem;
+  line-height: 1.05;
   min-width: 0;
 }
 
 .ar-attachment-history-txid {
   background: rgba(255, 255, 255, 0.06);
-  border-radius: 0.42rem;
+  border-radius: 0.34rem;
   color: rgba(226, 232, 240, 0.86);
-  font-size: 0.52rem;
-  line-height: 1.15;
+  font-size: 0.46rem;
+  line-height: 1.05;
+  max-width: 100%;
+  min-width: 0;
   overflow: hidden;
-  padding: 0.22rem 0.32rem;
+  padding: 0.14rem 0.24rem;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -2602,10 +2610,10 @@ textarea.input {
 .ar-attachment-status {
   border-radius: 999px;
   flex: 0 0 auto;
-  font-size: 0.68rem;
+  font-size: 0.58rem;
   font-weight: 800;
   line-height: 1;
-  padding: 0.28rem 0.42rem;
+  padding: 0.2rem 0.32rem;
 }
 
 .ar-attachment-status--available {
@@ -2628,14 +2636,17 @@ textarea.input {
   border-radius: 999px;
   color: #1e3a8a;
   flex: 0 0 auto;
-  font-size: 0.68rem;
+  font-size: 0.58rem;
   font-weight: 800;
   line-height: 1;
-  padding: 0.28rem 0.42rem;
+  padding: 0.2rem 0.32rem;
 }
 
 .arweave-uploads-screen {
+  box-sizing: border-box;
   min-height: 100vh;
+  max-width: 100%;
+  overflow-x: hidden;
   padding-top: 0;
 }
 
@@ -2706,6 +2717,7 @@ textarea.input {
 .arweave-uploads-list {
   max-height: calc(100vh - 4.4rem);
   min-height: calc(100vh - 4.4rem);
+  width: 100%;
 }
 
 .mono-cell {