diff --git a/src/main/resources/static/script.js b/src/main/resources/static/script.js
index 695f366..9e11f8f 100644
--- a/src/main/resources/static/script.js
+++ b/src/main/resources/static/script.js
@@ -115,7 +115,7 @@ function loadDakaList() {
                         '<button class="search-buttons detail-button">' + (signlog.end_time == null ? "未打卡" : signlog.end_time.substr(11, 5)) + '</button>' +
                         (signlog.autoDakaBeginTime == null ? "" : '<br><button class="search-buttons detail-button">定时上班卡时间: ' + signlog.autoDakaBeginTime + '</button>') +
                         (signlog.autoDakaEndTime == null ? "" : '<button class="search-buttons detail-button">定时下班卡时间: ' + signlog.autoDakaEndTime + '</button>') +
-                        (signlog.end_time != null && signlog.end_time.substr(11, 5) > "21:00" ? '<button class="search-buttons detail-button">餐补</button>' : '') +
+                        // (signlog.end_time != null && signlog.end_time.substr(11, 5) > "21:00" ? '<button class="search-buttons detail-button">餐补</button>' : '') +
                         '</div>' +
                         (index <= 3 ? '<div class="job-card-buttons">' +
                             '<button class="search-buttons card-buttons daka-buttons"' +
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
index 18678a5..53d6509 100644
--- a/src/main/resources/static/style.css
+++ b/src/main/resources/static/style.css
@@ -11,6 +11,7 @@
   --border-color: #d8d8d8;
   --alert-bg-color: #e8f2ff;
   --subtitle-color: #83838e;
+  --subtext-color: #d5d5d5;
   --inactive-color: #f0f0f0;
   --placeholder-color: #9b9ba5;
   --time-button: #fc5757;
@@ -95,7 +96,7 @@ body {
 }
 .dark-mode .detail-button {
   background-color: var(--inactive-color);
-  color: var(--subtitle-color);
+  color: var(--subtext-color);
 }
 
 .job {
@@ -468,7 +469,7 @@ body > div > div.userinfo_dialog > div > div > div input {
   border-radius: 6px;
   font-size: 13px;
   font-weight: 600;
-  margin-top: 14px;
+  margin-top: 6px;
 }
 
 .job-wrapper {
@@ -598,7 +599,7 @@ body > div > div.userinfo_dialog > div > div > div input {
   padding-top: 20px;
   /*padding-right: 80px;*/
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(6, 1fr);
   grid-column-gap: 25px;
   grid-row-gap: 25px;
   -webkit-animation: slideY .6s both;
@@ -713,13 +714,22 @@ body > div > div.userinfo_dialog > div > div > div input {
   padding: 6px 8px;
   border-radius: 4px;
 }
-.detail-button + .detail-button {
-  margin-left: 4px;
+/*.detail-button + .detail-button {*/
+/*  margin-left: 4px;*/
+/*}*/
+
+.job-detail-buttons {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-column-gap: 10px;
+  grid-row-gap: 25px;
 }
 
 .job-card-buttons {
-  display: -webkit-box;
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-column-gap: 10px;
+  grid-row-gap: 25px;
   -webkit-box-align: center;
           align-items: center;
   -webkit-box-pack: justify;
@@ -739,14 +749,15 @@ body > div > div.userinfo_dialog > div > div > div input {
 .card-buttons,
 .card-buttons-msg {
   padding: 10px;
-  width: 100%;
+  min-width: 46%;
   font-size: 12px;
   cursor: pointer;
 }
 
-.card-buttons {
-  margin-right: 12px;
-}
+/*.card-buttons {*/
+/*  margin-right: 4%;*/
+/*  margin-left: 4%;*/
+/*}*/
 .card-buttons-msg {
   background-color: var(--inactive-color);
   color: var(--subtitle-color);