Fix: fix overwritten card edits toctree fix (#142)

Author: lwasser

_static/pyos.css

@@ -299,3 +299,8 @@ html[data-theme=dark] {
         text-align: left;
     }
 }
+
+p.sd-card-text {
+    text-align: left;
+    padding: 1em;
+}

conf.py

@@ -87,7 +87,7 @@
         "image_light": "logo-light-mode.png",
         "alt_text": "pyOpenSci Python Package Guide. The pyOpenSci logo is a purple flower with pyOpenSci under it. The o in open sci is the center of the flower",
     },
-    "header_links_before_dropdown": 3,
+    "header_links_before_dropdown": 4,
     "use_edit_page_button": True,
     "show_nav_level": 2,
     "navigation_depth": 3,

index.md

@@ -176,9 +176,6 @@ This guidebook is for anyone interested in learning more about Python packaging.
 1. Resources to help you navigate the Python packaging ecosystem of tools and approaches to packaging.
 1. A curated list of resources to help you get your package into documented, usable and maintainable shape.
 
-
-
-
 ## Where this guide is headed
 
 If you have ideas of things you'd like
@@ -190,7 +187,7 @@ This is a living guide that is updated as tools and best practices evolve in the
 
 ```{toctree}
 :hidden:
-:caption: Testing
+:caption: Tutorials
 
 Tutorials  <tutorials/intro>
 
@@ -217,5 +214,7 @@ Packaging <package-structure-code/intro>
 :caption: Testing
 
 Tests  <tests/index>
+Write tests <tests/write-tests>
+Types of tests <tests/test-types>
 
 ```

tests/index.md

@@ -9,33 +9,35 @@ tests for your Python package and how you can setup infrastructure
 to run your tests both locally and on GitHub.
 
 
-::::{grid} 1 1 3 3
+:::::{grid} 1 1 3 3
 :class-container: text-center
 :gutter: 3
 
-:::{grid-item-card}
+::::{grid-item}
+:::{card} ✨ Why write tests ✨
 :link: write-tests
 :link-type: doc
-
-✨ Why write tests ✨
-^^^
+:class-card: left-aligned
 
 Learn more about the art of writing tests for your Python package.
 Learn about why you should write tests and how they can help you and
 potential contributors to your project.
 :::
+::::
 
-:::{grid-item-card}
+::::{grid-item}
+:::{card} ✨ Types of tests ✨
 :link: test-types
 :link-type: doc
+:class-card: left-aligned
 
-✨ Types of tests ✨
-^^^
 There are three general types of tests that you can write for your Python
 package: unit tests, integration tests and end-to-end (or functional) tests. Learn about all three.
 :::
 ::::
 
+:::::
+
 
 :::{figure-md} fig-target