Adjusted CSS, added animation. Adjusted table rendering to make it more aesthetic.

Generated new expect test outputs.

8 files changed, 159 insertions, 28 deletions

diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/-init-.html b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/-init-.html
index 51e4544a..014669d9 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/-init-.html
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/-init-.html
@@ -17,8 +17,13 @@
           <form action="../../../-search.html" method="get" id="searchForm"><input type="search" name="query"><input type="submit" value="Search"></form>
         </div>
         <div id="content" pageIds="/Fancy/&lt;init&gt;/#//">//<a href="../../index.html">root</a>/<a href="../index.html"></a>/<a href="index.html">Fancy</a>/<a href="-init-.html">&lt;init&gt;</a>
-          <h1>&lt;init&gt;</h1>
-<div class="symbol monospace">final fun <a href="-init-.html">&lt;init&gt;</a>()</div>        </div>
+          <div class="platform-tagged">
+            <div class="platform-tag jvm">JVM</div>
+            <div class="content">
+              <h1>&lt;init&gt;</h1>
+<div class="symbol monospace">final fun <a href="-init-.html">&lt;init&gt;</a>()</div>            </div>
+          </div>
+        </div>
       </div>
     </div>
   </body>
diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/equals.html b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/equals.html
index 3047ead0..ca933941 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/equals.html
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/equals.html
@@ -17,8 +17,13 @@
           <form action="../../../-search.html" method="get" id="searchForm"><input type="search" name="query"><input type="submit" value="Search"></form>
         </div>
         <div id="content" pageIds="/Fancy/equals/#kotlin.Any?//">//<a href="../../index.html">root</a>/<a href="../index.html"></a>/<a href="index.html">Fancy</a>/<a href="equals.html">equals</a>
-          <h1>equals</h1>
-<div class="symbol monospace">open fun <a href="equals.html">equals</a>(other: <a href="">Any</a>): <a href="">Boolean</a></div>        </div>
+          <div class="platform-tagged">
+            <div class="platform-tag jvm">JVM</div>
+            <div class="content">
+              <h1>equals</h1>
+<div class="symbol monospace">open fun <a href="equals.html">equals</a>(other: <a href="">Any</a>): <a href="">Boolean</a></div>            </div>
+          </div>
+        </div>
       </div>
     </div>
   </body>
diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/hash-code.html b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/hash-code.html
index aae30759..a8658fb9 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/hash-code.html
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/hash-code.html
@@ -17,8 +17,13 @@
           <form action="../../../-search.html" method="get" id="searchForm"><input type="search" name="query"><input type="submit" value="Search"></form>
         </div>
         <div id="content" pageIds="/Fancy/hashCode/#//">//<a href="../../index.html">root</a>/<a href="../index.html"></a>/<a href="index.html">Fancy</a>/<a href="hash-code.html">hashCode</a>
-          <h1>hashCode</h1>
-<div class="symbol monospace">open fun <a href="hash-code.html">hashCode</a>(): <a href="">Int</a></div>        </div>
+          <div class="platform-tagged">
+            <div class="platform-tag jvm">JVM</div>
+            <div class="content">
+              <h1>hashCode</h1>
+<div class="symbol monospace">open fun <a href="hash-code.html">hashCode</a>(): <a href="">Int</a></div>            </div>
+          </div>
+        </div>
       </div>
     </div>
   </body>
diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/index.html b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/index.html
index 5c51a927..a0dcff00 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/index.html
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/index.html
@@ -17,29 +17,42 @@
           <form action="../../../-search.html" method="get" id="searchForm"><input type="search" name="query"><input type="submit" value="Search"></form>
         </div>
         <div id="content" pageIds="/Fancy////">//<a href="../../index.html">root</a>/<a href="../index.html"></a>/<a href="index.html">Fancy</a>
-          <h1>Fancy</h1>
-<div class="symbol monospace">annotation class <a href="index.html">Fancy</a></div><br>
+          <div class="platform-tagged">
+            <div class="platform-tag jvm">JVM</div>
+            <div class="content">
+              <h1>Fancy</h1>
+<div class="symbol monospace">annotation class <a href="index.html">Fancy</a></div>            </div>
+          </div>
           <h2>Functions</h2>
           <table>
             <thead></thead>
             <tbody>
-              <tr>
-                <td><a href="equals.html">equals</a></td>
-                <td><div class="symbol monospace">open fun <a href="equals.html">equals</a>(other: <a href="">Any</a>): <a href="">Boolean</a></div>
+              <tr class="platform-tagged">
+                <td class="content"><a href="equals.html">equals</a></td>
+                <td class="content"><div class="symbol monospace">open fun <a href="equals.html">equals</a>(other: <a href="">Any</a>): <a href="">Boolean</a></div>
                   <div class="brief "> </div>
                 </td>
+                <td class="platform-tagged">
+                  <div class="platform-tag jvm">JVM</div>
+                </td>
               </tr>
-              <tr>
-                <td><a href="hash-code.html">hashCode</a></td>
-                <td><div class="symbol monospace">open fun <a href="hash-code.html">hashCode</a>(): <a href="">Int</a></div>
+              <tr class="platform-tagged">
+                <td class="content"><a href="hash-code.html">hashCode</a></td>
+                <td class="content"><div class="symbol monospace">open fun <a href="hash-code.html">hashCode</a>(): <a href="">Int</a></div>
                   <div class="brief "> </div>
                 </td>
+                <td class="platform-tagged">
+                  <div class="platform-tag jvm">JVM</div>
+                </td>
               </tr>
-              <tr>
-                <td><a href="to-string.html">toString</a></td>
-                <td><div class="symbol monospace">open fun <a href="to-string.html">toString</a>(): <a href="">String</a></div>
+              <tr class="platform-tagged">
+                <td class="content"><a href="to-string.html">toString</a></td>
+                <td class="content"><div class="symbol monospace">open fun <a href="to-string.html">toString</a>(): <a href="">String</a></div>
                   <div class="brief "> </div>
                 </td>
+                <td class="platform-tagged">
+                  <div class="platform-tag jvm">JVM</div>
+                </td>
               </tr>
             </tbody>
           </table>
diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/to-string.html b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/to-string.html
index 89cc4ecc..6bc83cc3 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/to-string.html
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/-fancy/to-string.html
@@ -17,8 +17,13 @@
           <form action="../../../-search.html" method="get" id="searchForm"><input type="search" name="query"><input type="submit" value="Search"></form>
         </div>
         <div id="content" pageIds="/Fancy/toString/#//">//<a href="../../index.html">root</a>/<a href="../index.html"></a>/<a href="index.html">Fancy</a>/<a href="to-string.html">toString</a>
-          <h1>toString</h1>
-<div class="symbol monospace">open fun <a href="to-string.html">toString</a>(): <a href="">String</a></div>        </div>
+          <div class="platform-tagged">
+            <div class="platform-tag jvm">JVM</div>
+            <div class="content">
+              <h1>toString</h1>
+<div class="symbol monospace">open fun <a href="to-string.html">toString</a>(): <a href="">String</a></div>            </div>
+          </div>
+        </div>
       </div>
     </div>
   </body>
diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/function.html b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/function.html
index ad03758d..a6980172 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/function.html
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/function.html
@@ -17,8 +17,13 @@
           <form action="../../-search.html" method="get" id="searchForm"><input type="search" name="query"><input type="submit" value="Search"></form>
         </div>
         <div id="content" pageIds="//function/#kotlin.Function0[kotlin.Unit]//">//<a href="../index.html">root</a>/<a href="index.html"></a>/<a href="function.html">function</a>
-          <h1>function</h1>
-<div class="symbol monospace">final fun <a href="function.html">function</a>(notInlined: <div class="symbol monospace">() -&gt; <a href="">Unit</a></div>)</div>        </div>
+          <div class="platform-tagged">
+            <div class="platform-tag jvm">JVM</div>
+            <div class="content">
+              <h1>function</h1>
+<div class="symbol monospace">final fun <a href="function.html">function</a>(notInlined: <div class="symbol monospace">() -&gt; <a href="">Unit</a></div>)</div>            </div>
+          </div>
+        </div>
       </div>
     </div>
   </body>
diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/index.html b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/index.html
index 88bff912..c23b04d0 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/index.html
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/root/index.html
@@ -17,16 +17,24 @@
           <form action="../../-search.html" method="get" id="searchForm"><input type="search" name="query"><input type="submit" value="Search"></form>
         </div>
         <div id="content" pageIds="/////">//<a href="../index.html">root</a>/<a href="index.html"></a>
-          <h1>Package </h1>
+          <div class="platform-tagged">
+            <div class="platform-tag jvm">JVM</div>
+            <div class="content">
+              <h1>Package </h1>
+            </div>
+          </div>
           <h2>Types</h2>
           <table>
             <thead></thead>
             <tbody>
-              <tr>
-                <td><a href="-fancy/index.html">Fancy</a></td>
-                <td><div class="symbol monospace">annotation class <a href="-fancy/index.html">Fancy</a></div>
+              <tr class="platform-tagged">
+                <td class="content"><a href="-fancy/index.html">Fancy</a></td>
+                <td class="content"><div class="symbol monospace">annotation class <a href="-fancy/index.html">Fancy</a></div>
                   <div class="brief "> </div>
                 </td>
+                <td class="platform-tagged">
+                  <div class="platform-tag jvm">JVM</div>
+                </td>
               </tr>
             </tbody>
           </table>
@@ -34,11 +42,14 @@
           <table>
             <thead></thead>
             <tbody>
-              <tr>
-                <td><a href="function.html">function</a></td>
-                <td><div class="symbol monospace">final fun <a href="function.html">function</a>(notInlined: <div class="symbol monospace">() -&gt; <a href="">Unit</a></div>)</div>
+              <tr class="platform-tagged">
+                <td class="content"><a href="function.html">function</a></td>
+                <td class="content"><div class="symbol monospace">final fun <a href="function.html">function</a>(notInlined: <div class="symbol monospace">() -&gt; <a href="">Unit</a></div>)</div>
                   <div class="brief "> </div>
                 </td>
+                <td class="platform-tagged">
+                  <div class="platform-tag jvm">JVM</div>
+                </td>
               </tr>
             </tbody>
           </table>
diff --git a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/styles/style.css b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/styles/style.css
index 063a9502..1cab694a 100644
--- a/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/styles/style.css
+++ b/plugins/base/src/test/resources/expect/functionWithAnnotatedParam/out/html/styles/style.css
@@ -73,6 +73,9 @@
     text-decoration: line-through;
 }
 
+.symbol:empty {
+    padding: 0px;
+}
 .symbol {
     padding: 5px;
     background-color: #F4F4F4;
@@ -345,6 +348,85 @@ footer {
     bottom: 50px;
 }
 
+.platform-tag {
+	text-indent: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+	width: 10px;
+	height: 10px;
+	max-width: 10px;
+	max-height: 10px;
+	border-radius: 8px;
+	transition: width 1s, height 1s;
+	margin-left: 14px;
+	margin-top: auto;
+	margin-bottom: auto;
+	font-family: Inter, Arial, sans-serif;
+	font-size: 12px;
+	font-weight: 400;
+	font-style: normal;
+	font-stretch: normal;
+	line-height: normal;
+	letter-spacing: normal;
+	text-align: center;
+	color: #fff
+}
+
+.platform-tagged:hover .platform-tag,
+.platform-tagged:hover>.platform-tag {
+	text-indent: 0;
+	white-space: nowrap;
+	padding: 0 7px;
+	border-radius: 9px;
+	margin-left: 8px;
+	width: auto;
+	height: 15px;
+	max-width: 500px;
+	max-height: 500px;
+	transition: max-width 1s, max-height 1s
+}
+
+.platform-tagged {
+    flex: auto;
+    display: flex;
+    flex-direction: row-reverse;
+    padding: 0px;
+    min-width: 230px;
+}
+
+tr.platform-tagged {
+    flex-direction: row;
+}
+
+.platform-tagged > .platform-tag {
+    align-self: center;
+}
+
+.platform-tag.jvm {
+    background-color: crimson;
+    color: white;
+}
+
+.platform-tag.js {
+    background-color: orange;
+    color: white;
+}
+
+.platform-tag.native {
+    background-color: blue;
+    color: white;
+}
+
+.platform-tag.common {
+    background-color: gray;
+    color: white;
+}
+
+.platform-tagged > .content {
+    display: block;
+    flex: auto;
+}
+
 @media print, screen and (max-width: 960px) {
 
     div.wrapper {