diff --git a/public/index.html b/public/index.html
index f104081..97638b2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -127,14 +127,31 @@
}
.post .controls {
- margin: 18px 0 0;
+ margin: 24px 0 0;
padding: 0;
list-style-type: none;
- display: flex;
}
- .post .controls .control-element {
- margin: .24rem;
+ .post .controls .control-element a {
+ padding: 6px;
+ margin: 0 0 6px 6px;
+ background: #f5e6ab;
+ color: #444;
+ cursor: pointer;
+ text-decoration: none;
+ display: inline-block;
+ }
+
+
+ @media screen and (min-width: 640px) {
+ .post .controls {
+ display: flex;
+ justify-content: end
+ }
+
+ .post .controls .control-element a {
+ margin: 0 0 0 12px;
+ }
}
code {