Ensure snapshot panel stays compact

Author: Bikram Gole

styles.css

@@ -1198,24 +1198,26 @@ section {
   background: transparent;
   border: 0;
   box-shadow: none;
-  padding: 0;
-  margin-top: 0.4rem;
-  width: fit-content;
-  max-width: 100%;
+  padding: 0.2rem 0;
+  margin: 0.4rem auto 0;
+  max-width: min(320px, 90vw);
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
   content-visibility: visible;
   contain: none;
-  contain-intrinsic-size: auto;
-}
-
-#cli-snapshot .cli-window {
-  margin-top: 0;
 }
 
 #cli-snapshot::before,
 #cli-snapshot::after {
   content: none;
 }
 
+#cli-snapshot .cli-window {
+  margin: 0;
+  width: min(320px, 90vw);
+}
+
 .hero,
 .panel {
   border: 1px solid var(--border);