From 9df31981cbc44877f118c565b1c1e82f1a108f1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?=
 =?UTF-8?q?=E3=83=BC=2Eeth?= <gpg@pavlovcik.com>
Date: Fri, 1 Dec 2023 16:11:51 +0900
Subject: [PATCH] style: make better use of wide screen

---
 src/home/github-login-button.ts |  2 +-
 static/style/style.css          | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/home/github-login-button.ts b/src/home/github-login-button.ts
index 268edf93..c8fdba9e 100644
--- 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
index 0baa4706..1d5f33af 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -40,11 +40,10 @@ 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%);
@@ -52,9 +51,9 @@ body {
   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;
   }
 }