style: make better use of wide screen

ubiquity · Dec 1, 2023 · 9df3198 · 9df3198
1 parent 449f10a
commit 9df3198
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/home/github-login-button.ts b/src/home/github-login-button.ts
@@ -23,7 +23,7 @@ async function gitHubLoginButton() {
 export function renderGitHubLoginButton() {
   const button = document.createElement("button");
   button.id = "github-login-button";
-  button.textContent = "Login";
+  button.innerHTML = "<span>Login</span><span class='full'>&nbsp;With GitHub</span>";
   button.addEventListener("click", gitHubLoginButton);
   const toolbar = document.getElementById("toolbar");
   if (!toolbar) throw new Error("toolbar not found");

diff --git a/static/style/style.css b/static/style/style.css
@@ -40,21 +40,20 @@ body {
 }
 
 #issues-container {
-  padding: 8px;
+  /* padding: 8px; */
   max-width: 640px;
   margin: auto;
   /* border-left: 1px solid #80808010; */
-
   padding: 48px 0;
   /* background: linear-gradient(to bottom, #80808000 0%, #808080ff 15%, #808080ff 85%, #80808000 100%); */
   -webkit-mask-image: linear-gradient(to bottom, #00000000, #000000ff 0%, #000000ff 75%, #00000000 100%);
   height: calc(100vh - 96px);
   overflow: scroll;
   scrollbar-width: none; /* For Firefox */
   -ms-overflow-style: none; /* For Internet Explorer and Edge */
-  &::-webkit-scrollbar {
-    display: none; /* For Chrome, Safari, and Opera */
-  }
+}
+&::-webkit-scrollbar {
+  display: none; /* For Chrome, Safari, and Opera */
 }
 
 #issues-container:hover .issue-element-inner {
@@ -319,7 +318,7 @@ button:active {
 }
 @media screen and (min-width: 640px) {
   .full {
-    display: unset;
+    display: unset !important;
   }
 }