html code

eakondratiev · Jun 24, 2024 · 32c7805 · 32c7805
1 parent 0c170c1
commit 32c7805
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/ws.htm b/ws.htm
@@ -37,10 +37,11 @@
       #text-processed b {background: #fd9; color: #c00; font-weight: normal; min-width:2pt;} /* non-ascii */
       #text-processed i {background: #eee; color: #777; font-style: normal;} /* whitespace */
       .new-line-symbol {font-family: 'Lucida Console'; font-size:0.8rem; padding: 0 2pt;}
-      .info-block {line-height:2;}
       #text-character b {font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;}
-      #text-character b:empty {border-bottom:1px dotted #777; height: 1em; width: 1em; display: inline-block;}
-      #text-character div:first-child b {font-size:1.2rem;}
+      /*#text-character b:empty {border-bottom:1px dotted #777; height: 1em; width: 1em; display: inline-block;}*/
+      #text-character span:first-child b {font-size:1.2rem; display: inline-block; text-align: center;
+        background: #eee;
+        min-height: 0.8em; min-width: 1em;}
       @media (prefers-color-scheme: dark) {
         #text-processed b {background: #966502; color: #fe9;}
         #text-processed i {background: #505050; color: #eee;}
@@ -91,14 +92,13 @@ <h3 class="site-nav-header">Console Tools</h3>
           <h1>Character Code Detector</h1>
           <p>Identifies spaces and characters that are not part of the Latin alphabet within the text.
           <a href="ws.htm?t=Sоme%20tеxt.%F0%9F%91%8D%F0%9F%98%83%F0%9F%98%80">Example</a></p>
-          <p id="textarea-label">Enter or paste a <u>t</u>ext here...</p>
-          <textarea id="text-box" rows="5" accesskey="T" aria-labelledby="textarea-label"></textarea>
-          <div class="info-block">
+          <div id="text-character" style="display:none;">
+            <span>Character <b></b></span>
+            <span>Bytes hex <b></b></span>
+          </div>
+          <textarea id="text-box" rows="5" accesskey="T" placeholder="Please enter or paste text"></textarea>
+          <div>
             <div>Text length: <b id="text-len">0</b></div>
-            <div id="text-character" style="display:none;">
-              <div>Character <b></b></div>
-              <div>Bytes hex <b></b></div>
-            </div>
           </div>
           <div id="text-processed"></div>
           <div class="page-tags">