refactor: clean up unused styles and simplify component structure

Author: ThorstenSuckow

src/components/SignManifest.module.css

@@ -1,6 +1,3 @@
-.signManifest {
-    /* Container styles */
-}
 
 .signButtons {
     display: flex;

src/components/SignManifest.tsx

@@ -369,7 +369,7 @@ export function SignManifest() {
     }
 
     return (
-        <div className={styles.signManifest}>
+        <>
             {showReLoginNotice && (
                 <div className={styles.reLoginNotice}>
                     You previously signed. Log in again to withdraw or update your signature.
@@ -537,7 +537,7 @@ export function SignManifest() {
                     )}
                 </div>
             )}
-        </div>
+        </>
     );
 }
 

src/components/SignersList.module.css

@@ -135,15 +135,9 @@
     opacity: 0.7;
     font-size: 0.75em;
     line-height: 1.2;
+    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
 }
 
-.date {
-    opacity: 0.6;
-    font-size: 0.7em;
-    line-height: 1.2;
-    white-space: nowrap;
-}
 

src/pages/index.module.css

@@ -3,25 +3,6 @@
  * and scoped locally.
  */
 
-.heroBanner {
-    padding: 4rem 0;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-}
-
-@media screen and (max-width: 996px) {
-    .heroBanner {
-        padding: 2rem;
-    }
-}
-
-.buttons {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
 .manifestContainer {
     display: flex;
     align-items: normal;
@@ -68,12 +49,6 @@
     font-weight: 700;
 }
 
-.manifestSubtitle {
-    margin: 0;
-    font-size: 1rem;
-    color: var(--manifest-subtitle-color);
-}
-
 .manifestContent {
     margin-top: 1.5rem;
     color: var(--manifest-text-color);
@@ -106,10 +81,6 @@
     color: var(--manifest-heading-color);
 }
 
-.manifestContent p {
-    margin-bottom: 0.9rem;
-}
-
 .manifestContent ol {
     padding-left: 1.2rem;
     margin-top: 2.5rem;
@@ -193,16 +164,4 @@
     font-weight: 400;
 }
 
-/* Spacing utilities for signatories page */
-.signatureSection {
-    margin-top: 1rem;
-}
 
-.signersSection {
-    margin-top: 1.5rem;
-}
-
-/* Also used on homepage for signers list */
-.signersSection {
-    margin-top: 1.25rem;
-}

src/pages/index.tsx

@@ -57,8 +57,7 @@ export default function Home(): ReactNode {
                         <Heading as="h1" className={styles.manifestTitle}>
                             <span className={styles.preamble}>Manifesto for</span>
                             <span className={styles.coreSubject}>
-                                AI-Augmented <br className={styles.mobileBreak} />
-                                Software Craftsmanship
+                                AI-Augmented Software Craftsmanship
                             </span>
                         </Heading>
                     </header>
@@ -94,10 +93,7 @@ export default function Home(): ReactNode {
                         </article>
                     )}
 
-                    <div className={styles.signersSection}>
-                        <SignersList />
-                    </div>
-
+                    <SignersList />
                 </section>
             </main>
         </Layout>