merge

atoms/index.css

@@ -70,12 +70,14 @@ img {
 	font-size:110%;
 	display: inline-block;
 	margin-right: 3%;
-	margin-top: 7.5%;
+	margin-top: 0;
 }
 
 .setting {
 	display: flex;
 	position: relative;
+	height:100%;
+	width:100%;
 	margin: 5%;
 }
 
@@ -89,6 +91,7 @@ img {
 	margin-top: -5%;
 	padding: 4px;
 	box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.2);
+	margin-top: 0;
 
 	-webkit-transition: box-shadow 0.3s ease, color 0.7s ease;
 	-moz-transition: box-shadow 0.3s ease, color 0.7s ease;
@@ -265,7 +268,6 @@ img {
 .help {
 	padding: 1px 1px 5px 2px;
 	margin-right: 3%;
-	margin-top: 7%;
 	text-align:center;
 	width: 20px;
 	height: 20px;
@@ -282,10 +284,10 @@ img {
 }
 
 .helptab {
-	position: absolute;
+	position:absolute;
 	display: none;
 	opacity: 0;
-	margin-top: 65%;
+	margin-top: 8%;
 	margin-left: -9%;
 	border-left: 10px solid transparent;
 	border-right: 10px solid transparent;
@@ -301,11 +303,11 @@ img {
 }
 
 .helptext {
-	position: absolute;
+	position:absolute;
 	display: none;
 	opacity: 0;
 	border-radius: 7px;
-	margin-top: 95%;
+	margin-top: 11%;
 	margin-left: -13%;
 	padding: 5px;
 	font-size: 90%;