From edc8b4483ac32e8bcddd4a25df56c85ebca00eab 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: Sat, 2 Dec 2023 14:50:27 +0900
Subject: [PATCH] style: labels are more subtle

---
 src/home/home-controller.ts     |  4 +++-
 static/style/inverted-style.css | 11 ++++++-----
 static/style/style.css          |  4 ++--
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/home/home-controller.ts b/src/home/home-controller.ts
index adc4ba6b..09d6963e 100644
--- a/src/home/home-controller.ts
+++ b/src/home/home-controller.ts
@@ -56,7 +56,9 @@ export function homeController(container: HTMLDivElement, issues: GitHubIssue[])
       });
 
       issueElement.innerHTML = `
-      <div class="info"><div class="title"><h3>${issue.title}</h3></div><div class="partner"><p class="organization-name">${organizationName}</p><p class="repository-name">${repositoryName}</p></div></div><div class="labels">${labels.join(
+      <div class="info"><div class="title"><h3>${
+        issue.title
+      }</h3></div><div class="partner"><p class="organization-name">${organizationName}</p><p class="repository-name">${repositoryName}</p></div></div><div class="labels">${labels.join(
         ""
       )}</div>`;
 
diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
index 006f593c..0831d60a 100644
--- a/static/style/inverted-style.css
+++ b/static/style/inverted-style.css
@@ -46,13 +46,14 @@
     max-width: 640px;
     margin: auto;
     /* border-left: 1px solid #7f7f7f10; */
-    padding: 48px 0;
+    /* padding: 0 0 48px; */
     /* background: linear-gradient(to bottom, #7f7f7f00 0%, #7f7f7fff 15%, #7f7f7fff 85%, #7f7f7f00 100%); */
     -webkit-mask-image: linear-gradient(to bottom, #ffffff00, #ffffffff 0%, #ffffffff 75%, #ffffff00 100%);
-    height: calc(100vh - 96px);
+    /* height: calc(100vh - 48px); */
     overflow: scroll;
     scrollbar-width: none; /* For Firefox */
     -ms-overflow-style: none; /* For Internet Explorer and Edge */
+    height: 100vh;
   }
   &::-webkit-scrollbar {
     display: none; /* For Chrome, Safari, and Opera */
@@ -163,7 +164,7 @@
     font-size: 12px;
     text-align: center;
     white-space: nowrap;
-    background-color: #7f7f7f40;
+    background-color: #7f7f7f20;
     width: 64px;
     letter-spacing: 0.5px;
     flex-grow: 3;
@@ -196,7 +197,7 @@
     transition: 0.125s opacity ease-in-out;
     /* display: flex; */
     align-items: center;
-    margin: 0 0 0 48px;
+    margin: 0 0 0 50px;
   }
 
   .title {
@@ -337,7 +338,7 @@
     .issue-element-inner {
       display: block;
     }
-    .labels{
+    .labels {
       margin-left: 48px;
       margin-top: 4px;
     }
diff --git a/static/style/style.css b/static/style/style.css
index aefdcbd3..2096ab80 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -163,7 +163,7 @@
     font-size: 12px;
     text-align: center;
     white-space: nowrap;
-    background-color: #80808040;
+    background-color: #80808020;
     width: 64px;
     letter-spacing: 0.5px;
     flex-grow: 3;
@@ -337,7 +337,7 @@
     .issue-element-inner {
       display: block;
     }
-    .labels{
+    .labels {
       margin-left: 48px;
       margin-top: 4px;
     }