From 2a2af5a4f83c94e059d86a973cddaf63fc415d1f Mon Sep 17 00:00:00 2001
From: cuigh <noname@live.com>
Date: Thu, 12 Apr 2018 13:19:02 +0800
Subject: [PATCH] Optimize style

---
 assets/swirl/css/swirl.css | 13 +++++++++++--
 views/index.jet            |  8 ++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/assets/swirl/css/swirl.css b/assets/swirl/css/swirl.css
index c74a6ad..1a7f7dc 100644
--- a/assets/swirl/css/swirl.css
+++ b/assets/swirl/css/swirl.css
@@ -19,8 +19,6 @@ body {
 
 .icon.infobox {
     margin-left: 1em;
-    /*height: 4rem;*/
-    /*width: 4rem;*/
 }
 
 .notification.is-top {
@@ -171,6 +169,13 @@ dd {
     color: whitesmoke;
 }
 
+.card, .box {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border: 1px solid rgba(0, 40, 100, 0.12);
+    border-radius: 5px;
+}
+
 .card-header-title {
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -185,6 +190,10 @@ dd {
     padding: 0.75rem;
 }
 
+.level.is-mobile .level-item:last-child {
+    margin-right: 0;
+}
+
 .block {
     font-size: 1rem;
 }
diff --git a/views/index.jet b/views/index.jet
index 1a6861b..8cad3a0 100644
--- a/views/index.jet
+++ b/views/index.jet
@@ -13,18 +13,18 @@
 
 {{ block infobox(style, icon, text, url, count) }}
 <div class="column">
-  <div class="notification is-{{style}}">
+  <div class="box">
     <nav class="level is-mobile">
       <div class="level-left">
         <div class="level-item has-text-centered">
-          <span class="icon infobox"><i class="fas fa-{{icon}} fa-4x"></i></span>
+          <span class="icon infobox has-text-grey"><i class="fas fa-{{icon}} fa-4x"></i></span>
         </div>
       </div>
       <div class="level-right">
         <div class="level-item has-text-centered">
           <div>
             <p class="heading">{{text}}</p>
-            <p class="title"><a href="{{url}}" style="text-decoration: none; color: white">{{count}}</a></p>
+            <p class="title"><a href="{{url}}">{{count}}</a></p>
           </div>
         </div>
       </div>
@@ -48,7 +48,7 @@
       </h1>
       <h2 class="subtitle is-5">{{ i18n("description") }}</h2>
       <p>
-        <a class="button is-primary" href="https://github.com/cuigh/swirl" target="_blank">
+        <a class="button is-primary is-rounded" href="https://github.com/cuigh/swirl" target="_blank">
           <span class="icon">
             <i class="fab fa-github"></i>
           </span>