update link placement

Author: mythz

BlazorDiffusion/Pages/_LayoutServer.cshtml

@@ -104,7 +104,7 @@
 
     </div>
 
-    <div class="-mt-8 text-center">
+    <div class="-mt-12 py-2 text-center">
         <a class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100" href="https://servicestack.net/blazor" target="_blank" title="powered by">servicestack.net/blazor</a>
     </div>
 

BlazorDiffusion/Shared/MainLayout.razor

@@ -27,7 +27,7 @@
     </div>
 </div>
 
-<div class="-mt-8 text-center">
+<div class="-mt-12 py-2 text-center">
     <a class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100" href="https://servicestack.net/blazor" target="_blank" title="powered by">servicestack.net/blazor</a>
 </div>
 

BlazorDiffusion/wwwroot/css/app.css

@@ -1019,6 +1019,10 @@ input[data-autocompleted] {
   z-index: 20;
 }
 
+.col-span-12 {
+  grid-column: span 12 / span 12;
+}
+
 .col-span-2 {
   grid-column: span 2 / span 2;
 }
@@ -1027,10 +1031,6 @@ input[data-autocompleted] {
   grid-column: span 6 / span 6;
 }
 
-.col-span-12 {
-  grid-column: span 12 / span 12;
-}
-
 .row-span-2 {
   grid-row: span 2 / span 2;
 }
@@ -1264,8 +1264,8 @@ input[data-autocompleted] {
   margin-left: 0.25rem;
 }
 
-.-mt-8 {
-  margin-top: -2rem;
+.-mt-12 {
+  margin-top: -3rem;
 }
 
 .mb-8 {
@@ -1312,6 +1312,10 @@ input[data-autocompleted] {
   margin-left: 0px;
 }
 
+.-mt-8 {
+  margin-top: -2rem;
+}
+
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -1715,6 +1719,10 @@ input[data-autocompleted] {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
+.grid-cols-12 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1755,10 +1763,6 @@ input[data-autocompleted] {
   grid-template-columns: repeat(11, minmax(0, 1fr));
 }
 
-.grid-cols-12 {
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-}
-
 .flex-col {
   flex-direction: column;
 }
@@ -1852,6 +1856,12 @@ input[data-autocompleted] {
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .space-x-8 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(2rem * var(--tw-space-x-reverse));
@@ -1870,18 +1880,6 @@ input[data-autocompleted] {
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));