Android build v1.1.14

src/App.css

@@ -1990,6 +1990,12 @@ h2 {
   width: 100%;
 }
 
+.main-menu-grid.has-cloud-sync {
+  grid-auto-rows: minmax(72px, auto);
+  grid-template-rows: none;
+  height: auto;
+}
+
 .roguelike-mode-grid {
   display: grid;
   gap: 15px;
@@ -2087,10 +2093,12 @@ h2 {
 }
 
 .cloud-sync-card {
+  align-items: start;
   cursor: default;
   display: grid;
   gap: 10px;
-  grid-template-columns: auto minmax(0, 1fr);
+  grid-column: 1 / -1;
+  grid-template-columns: auto minmax(0, 1fr) minmax(180px, 220px);
   justify-content: space-between;
 }
 
@@ -2106,8 +2114,14 @@ h2 {
   min-width: 0;
 }
 
-.cloud-sync-card .text-button {
-  grid-column: 1 / -1;
+.cloud-sync-control-stack {
+  display: grid;
+  gap: 8px;
+  grid-column: 3;
+}
+
+.cloud-sync-control-stack .text-button {
+  grid-column: auto;
   min-height: 28px;
   padding: 5px 8px;
 }
@@ -2116,6 +2130,34 @@ h2 {
   opacity: 0.7;
 }
 
+.cloud-sync-times {
+  display: grid;
+  gap: 3px;
+}
+
+.cloud-sync-actions {
+  display: grid;
+  gap: 8px;
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.cloud-sync-actions .text-button {
+  grid-column: auto;
+  min-width: 0;
+  white-space: normal;
+}
+
+@media (max-width: 720px) {
+  .cloud-sync-card {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  .cloud-sync-card .text-button,
+  .cloud-sync-control-stack {
+    grid-column: 1 / -1;
+  }
+}
+
 .cloud-sync-message {
   color: var(--gold);
 }