Changed the UI of creating custom tokens

tiny0/static/style.css

@@ -140,6 +140,15 @@ body {
   border: 2px solid #c95c03;
 }
 
+.token {
+  display: flex;
+}
+
+.token h3 {
+  color: #ffffff;
+  margin: 15px 10px 0 0;
+}
+
 .button {
   width: 100%;
   background: #fc913a;
@@ -165,44 +174,6 @@ body {
   }
 }
 
-.tooltip {
-  color: #ffffff;
-  position: relative;
-  display: inline-block;
-  border-bottom: 1px dotted black;
-  margin-bottom: 15px;
-}
-
-.tooltip .tooltiptext {
-  visibility: hidden;
-  width: 400px;
-  background-color: black;
-  color: #fff;
-  text-align: center;
-  border-radius: 6px;
-  padding: 10px;
-  position: absolute;
-  z-index: 1;
-  bottom: 150%;
-  left: 50%;
-  margin-left: -200px;
-}
-
-.tooltip .tooltiptext::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: black transparent transparent transparent;
-}
-
-.tooltip:hover .tooltiptext {
-  visibility: visible;
-}
-
 .form-errors {
   color: #ffffff;
   text-align: center;