fix: Incossitent spacing in sidebar (issue #95)

Suresh-Chelani · Suresh-Chelani · commit 63f450ad429e · 2025-06-27T22:15:13.000+05:30
diff --git a/src/assets/styles/card-layout.css b/src/assets/styles/card-layout.css
@@ -72,7 +72,7 @@
   background: var(--primary-light);
 }
 
-.icon {
+.card_icon {
   font-size: 1.2em;
   margin-right: 0.5em;
 }
diff --git a/src/components/CardLayout.astro b/src/components/CardLayout.astro
@@ -16,15 +16,15 @@ type Props = { section: CardSectionType };
     {
       section.href.playground && (
         <a href={section.href.playground.link} class="btn btn-playground">
-          <span class="icon">{section.href.playground.icon}</span>
+          <span class="card_icon">{section.href.playground.icon}</span>
           {section.href.playground.text || "Playground"}
         </a>
       )
     }
     {
       section.href.board && (
         <a href={section.href.board.link} class="btn btn-board">
-          <span class="icon">{section.href.board.icon}</span>
+          <span class="card_icon">{section.href.board.icon}</span>
           {section.href.board.text || "Board"}
         </a>
       )

Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@`
`72`	`72`	`background: var(--primary-light);`
`73`	`73`	`}`
`74`	`74`
`75`		`-.icon {`
	`75`	`+.card_icon {`
`76`	`76`	`font-size: 1.2em;`
`77`	`77`	`margin-right: 0.5em;`
`78`	`78`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,15 +16,15 @@ type Props = { section: CardSectionType };`
`16`	`16`	`{`
`17`	`17`	`section.href.playground && (`
`18`	`18`	`<a href={section.href.playground.link} class="btn btn-playground">`
`19`		`- <span class="icon">{section.href.playground.icon}</span>`
	`19`	`+ <span class="card_icon">{section.href.playground.icon}</span>`
`20`	`20`	`{section.href.playground.text \|\| "Playground"}`
`21`	`21`	`</a>`
`22`	`22`	`)`
`23`	`23`	`}`
`24`	`24`	`{`
`25`	`25`	`section.href.board && (`
`26`	`26`	`<a href={section.href.board.link} class="btn btn-board">`
`27`		`- <span class="icon">{section.href.board.icon}</span>`
	`27`	`+ <span class="card_icon">{section.href.board.icon}</span>`
`28`	`28`	`{section.href.board.text \|\| "Board"}`
`29`	`29`	`</a>`
`30`	`30`	`)`