fix: always set margin on keys to have consistent sizes on keys

Author: MiniGod

src/keyboard.vue

@@ -311,6 +311,7 @@
 			.line {
 				display: flex;
 				justify-content: space-around;    
+				margin-right: -$margin;
 				&:not(:last-child) {
 					margin-bottom: $margin;
 				}
@@ -327,6 +328,7 @@
 					height: $height;
 					line-height: $height;
 					overflow: hidden;
+					margin-right: $margin;
 
 					vertical-align: middle;
 					border: 1px solid #ccc;
@@ -342,10 +344,6 @@
 					cursor: pointer;
 				}
 
-				&:not(:last-child) > div {
-					margin-right: $margin;
-				}
-
 				&.backspace > div {
 					background-image: url("./icons/backspace.svg");
 					background-position: center center;