Breadcrumb styling

Author: brunobergher

src/components/CopyPageURL/index.tsx

@@ -138,7 +138,7 @@ export default function CopyPageContent(): JSX.Element {
 
   return (
     <button
-      className={styles.copyButton}
+      className={`${styles.copyButton} copy-button`}
       onClick={copyToClipboard}
       title={copied ? 'Copied!' : 'Copy page content'}
       aria-label={copied ? 'Page content copied to clipboard' : 'Copy page content to clipboard'}
@@ -151,7 +151,6 @@ export default function CopyPageContent(): JSX.Element {
       ) : (
         <>
           <FaCopy className={styles.icon} />
-          <span>Copy Page</span>
         </>
       )}
     </button>

src/css/custom.css

@@ -2050,14 +2050,23 @@ html {
   }
 }
 
-/* Breadcrumbs styling */
-.theme-doc-breadcrumbs {
+.copy-button {
+  margin-top: -1rem !important;
+}
+
+.breadcrumbs {
   margin-bottom: 1rem;
+  margin-left: 1.5rem;
   font-size: 0.875rem;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+  width: 100%
 }
 
 .breadcrumbs__item {
   color: hsl(var(--muted-foreground));
+
 }
 
 .breadcrumbs__link {