Tags are now available on the blog

3 files changed, 27 insertions, 2 deletions

diff --git a/static/css/phone_compatibility.css b/static/css/phone_compatibility.css
index c38112f6..f329c68e 100644
--- a/static/css/phone_compatibility.css
+++ b/static/css/phone_compatibility.css
@@ -141,6 +141,11 @@ I am not sure yet.
         border-radius: 8px;
     }
 
+    .post-actions > span {
+        display: block !important;
+        float: none !important;
+    }
+
     #ハンバーガー {
         display: block !important;
     }
diff --git a/static/css/sidebar.css b/static/css/sidebar.css
index e43c3b07..35e7a853 100644
--- a/static/css/sidebar.css
+++ b/static/css/sidebar.css
@@ -81,9 +81,9 @@
 }
 
 #user-area > ul {
-    position: relative;
+    position: absolute;
     left: 110px;
-    top: 45px;
+    top: 58px;
 }
 
 #navigation-area h2,
diff --git a/static/css/styles.css b/static/css/styles.css
index 7f9fc550..526a4fc9 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -461,6 +461,26 @@ blockquote {
     margin-right: 11px;
 }
 
+.tag {
+    display: inline-block;
+    margin: 5px 2px;
+    padding: 2px 10px;
+    font-size: 11px;
+    font-weight: normal;
+    text-transform: capitalize;
+    background-color: #311b4f;
+    color: #dddddd;
+    border-radius: 10px;
+}
+
+.tag:nth-child(1) {
+    margin-left: 0px;
+}
+
+.tag:nth-child(n) {
+    margin-right: 0px;
+}
+
 #article>h1 {
     font-size: 32px;
     margin-bottom: 10px;