Update stylesheet

Rule for class img-center require some work

1 files changed, 29 insertions, 0 deletions

diff --git a/stylesheets/i.css b/stylesheets/i.css
index 9843384..6abe1bf 100644
--- a/stylesheets/i.css
+++ b/stylesheets/i.css
@@ -4,6 +4,7 @@ body {
 	font-size: 1em;
 	font-family: sans-serif;
 }
+
 h3 {
 	font-size: 1.5em;
 	font-weight: 400;
@@ -28,22 +29,50 @@ li {
 	background: #252e3f;
 	color: #f2f2f2;
 }
+
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
 	background: #353e5f;
 	color: #b7c1d5;
 	box-shadow: none;
 }
+
 .btn-primary:active, .btn-primary.active {
 	background: #353e5f;
 	box-shadow: none;
 }
+
 .text-center {
 	text-align: center;
 }
+
 .hint {
 	font-size: 0.9em;
 	color: #444;
 }
+
+.img-center {
+	display: flex;
+	/* FIXME Why margin: auto; is not equal on all sides?
+	margin-right: 8%;
+	margin-left: 8%; */
+	width: 3%;
+}
+
+.img-center > span {
+	font-size: 0.7em;
+	padding: 1.4em;
+	margin: 40%;
+}
+
+.img-center > span:hover {
+	border-radius: 4px;
+	background: rgb(230, 230, 230);
+}
+
+.img-center > span > a {
+	text-decoration: solid;
+}
+
 .qrcode {
 	padding: 20px 5px 5px 5px;
 	width: 42.5%;