[design] imporove theme shadow controls

Author: zombieFox

src/index.html

@@ -1688,13 +1688,19 @@ <h1 class="menu-item-header-text">Shadow</h1>
 <divclass="form-group-wrap">
 <divclass="form-group form-group-block mb-0">
 <divclass="form-group-text form-group-text-transparent form-group-text-borderless">
-<divclass="theme-shadow-box theme-shadow-box-small">Small shadow</div>
+<divclass="theme-shadow-box theme-shadow-box-small">
+<pclass="mb-0 small">Small shadow</p>
+</div>
 </div>
 <divclass="form-group-text form-group-text-transparent form-group-text-borderless">
-<divclass="theme-shadow-box theme-shadow-box-medium">Medium shadow</div>
+<divclass="theme-shadow-box theme-shadow-box-medium">
+<pclass="mb-0 small">Medium shadow</p>
+</div>
 </div>
 <divclass="form-group-text form-group-text-transparent form-group-text-borderless">
-<divclass="theme-shadow-box theme-shadow-box-large">Large shadow</div>
+<divclass="theme-shadow-box theme-shadow-box-large">
+<pclass="mb-0 small">Large shadow</p>
+</div>
 </div>
 </div>
 </div>