Fixed all HTML operations

src/web/stylesheets/components/_operation.css

@@ -66,7 +66,7 @@ div.toggle-string {
 
 .operation [class^='bmd-label'],
 .operation [class*=' bmd-label'] {
-    top: 13px;
+    top: 13px !important;
     left: 12px;
     z-index: 10;
 }
@@ -109,12 +109,16 @@ div.toggle-string {
     filter: brightness(100%);
 }
 
-.bmd-form-group.is-filled label.bmd-label-floating,
-.bmd-form-group.is-focused label.bmd-label-floating {
-    top: 4px;
+.operation .bmd-form-group.is-filled label.bmd-label-floating,
+.operation .bmd-form-group.is-focused label.bmd-label-floating {
+    top: 4px !important;
     left: 12px;
 }
 
+.operation .bmd-form-group .bmd-help {
+    margin-top: -17px;
+}
+
 .input-group .form-control {
     border-top-left-radius: 4px !important;
 }

src/web/stylesheets/components/_pane.css

@@ -33,7 +33,7 @@
     padding: 0;
 }
 
-.card {
+.io-card.card {
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
     transition: 0.3s;
     width: 400px;
@@ -49,11 +49,11 @@
     flex-direction: row;
 }
 
-.card:hover {
+.io-card.card:hover {
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 }
 
-.card>img {
+.io-card.card>img {
     float: left;
     width: 128px;
     height: 128px;
@@ -61,13 +61,13 @@
     margin-top: 11px;
 }
 
-.card-body .close {
+.io-card.card .card-body .close {
     position: absolute;
     right: 10px;
     top: 4px;
 }
 
-.card-body {
+.io-card.card .card-body {
     float: left;
     padding: 16px;
     width: 250px;
@@ -77,12 +77,12 @@
     user-select: text;
 }
 
-.card-body>.btn {
+.io-card.card .card-body>.btn {
     margin-bottom: 5px;
     margin-top: 5px;
 }
 
-.card input[type=number] {
+.io-card.card input[type=number] {
     padding-right: 6px;
     padding-left: 6px;
 }

src/web/stylesheets/layout/_modals.css

@@ -72,3 +72,8 @@
 #faqs a.btn {
     text-transform: unset;
 }
+
+#faqs > div {
+    padding: 20px;
+    border-left: 2px solid var(--primary-border-colour);
+}