fix: make auth container responsive

Author: ivikash

packages/core/src/login/webview/vue/base.css

@@ -9,9 +9,3 @@
     /* Alignment */
     --auth-container-top: 15%;
 }
-
-@media (max-width: 260px) {
-    body {
-        scale: 0.6;
-    }
-}

packages/core/src/login/webview/vue/login.vue

@@ -592,7 +592,8 @@ export default defineComponent({
     margin: auto;
     position: absolute;
     top: var(--auth-container-top);
-    width: 260px;
+    max-width: 260px;
+    width: 90vw;
 }
 
 .header {

packages/core/src/login/webview/vue/reauthenticate.vue

@@ -203,6 +203,7 @@ button#reauthenticate {
     padding: 0.3rem;
     width: 80%;
     user-select: none;
+    max-width: 260px;
 }
 
 button#signout {

packages/core/src/login/webview/vue/selectableItem.vue

@@ -188,4 +188,10 @@ body.vscode-high-contrast:not(body.vscode-high-contrast-light) .icon .svg-path {
 body.vscode-high-contrast-light .icon .svg-path {
     fill: black;
 }
+
+.item-container-base .text .p {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 </style>