Various UI improvements

lib/SvelteUi/app/src/app.postcss

@@ -11,6 +11,10 @@
   @apply bg-white m-2 p-2 rounded shadow-lg
 }
 
+.gwf {
+  @apply 2xl:col-span-6 xl:col-span-5 lg:col-span-4 md:col-span-3 sm:col-span-2 h-64
+}
+
 .in-pre {
   @apply flex items-center bg-gray-100 rounded-l-md border border-r-0 border-gray-300 px-3 whitespace-nowrap text-sm
 }
@@ -38,25 +42,28 @@
   @apply text-right
 }
 
-.bd-grn {
+.bd-green {
   @apply my-auto bg-green-500 text-green-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
-.bd-ylo {
+.bd-yellow {
   @apply my-auto bg-yellow-500 text-yellow-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
 .bd-red {
   @apply my-auto bg-red-500 text-red-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
-.bd-blu {
+.bd-blue {
   @apply my-auto bg-blue-500 text-blue-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
-.bd-gry {
+.bd-gray {
   @apply my-auto bg-gray-500 text-gray-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
 
 .btn-pri {
   @apply py-2 px-4 rounded bg-blue-500 text-white mr-3
 }
+.btn-pri-sm {
+  @apply text-xs py-1 px-2 rounded bg-blue-500 text-white mr-3
+}
 
 .pl-root {
     position: relative;