Merge pull request linode#16 from linode/DLC-smallUpdates

Small Adjustments

Author: alioso

src/components/4_layouts/layout.js

@@ -39,16 +39,16 @@ const Layout = ({ children, title, subtitle, fullWidth, noFooter }) => (
         {!noFooter && (
           <>
             {!fullWidth && (
-              <div className="footer-nav-wrapper bg-black">
+              <div className="footer-wrapper bg-BaseBlackFull">
                 <footer className="max-w-3xl mx-auto py-8 px-4 md:px-8 text-white">
-                  <Footer />
+                  <FooterNav />
                 </footer>
               </div>
             )}
             {!fullWidth && (
-              <div className="footer-wrapper bg-BaseBlackFull">
+              <div className="footer-nav-wrapper bg-black">
                 <footer className="max-w-3xl mx-auto py-8 px-4 md:px-8 text-white">
-                  <FooterNav />
+                  <Footer />
                 </footer>
               </div>
             )}

src/css/components/0_utilities/typography.css

@@ -18,6 +18,10 @@ input[type="text"] {
   border-top-width: 1px;
 }
 
+.kubernetes-body code {
+  @apply p-4 mt-2 mb-2 bg-ThemeBeige block;
+}
+
 .api-body code {
   @apply p-2 mt-2 mb-4 bg-ThemeBeige block;
   overflow-x: auto;

src/pages/kubernetes.js

@@ -13,7 +13,7 @@ const KubernetesPage = () => {
         title="Kubernetes Tools"
         description="Create a Kubernetes Cluster with One Command"
       />
-      <div className="flex flex-wrap mb-8 -mx-4">
+      <div className="flex flex-wrap mb-8 -mx-4 kubernetes-body">
         <div className="w-full px-4">
           <div className="my-4 md:mt-12 md:mt-8 max-w-3xl">
             <h2 className="font-normal text-BaseGreenDark text-center">