fix: Uncomfortable border radius of download links (nodejs#5346)

NriotHrreion · web-flow · commit 79f3c6ecf766 · 2023-05-03T11:30:45.000+02:00
diff --git a/styles/page-modules/_download.scss b/styles/page-modules/_download.scss
@@ -31,6 +31,7 @@
     display: flex;
     list-style: none;
     margin: 0;
+    overflow: hidden;
     text-align: center;
   }
 
@@ -42,6 +43,7 @@
 
   a {
     background: $light-green;
+    border-radius: 0 !important;
     color: $active-green;
     display: block;
     padding-top: 1em;
@@ -74,6 +76,8 @@
   }
 
   .download-version-toggle {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
     display: flex;
     flex-wrap: nowrap;
 
@@ -105,6 +109,8 @@
   }
 
   .download-platform {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
     border-top: 2px solid $node-green;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@`
`31`	`31`	`display: flex;`
`32`	`32`	`list-style: none;`
`33`	`33`	`margin: 0;`
	`34`	`+ overflow: hidden;`
`34`	`35`	`text-align: center;`
`35`	`36`	`}`
`36`	`37`
`@@ -42,6 +43,7 @@`
`42`	`43`
`43`	`44`	`a {`
`44`	`45`	`background: $light-green;`
	`46`	`+ border-radius: 0 !important;`
`45`	`47`	`color: $active-green;`
`46`	`48`	`display: block;`
`47`	`49`	`padding-top: 1em;`
`@@ -74,6 +76,8 @@`
`74`	`76`	`}`
`75`	`77`
`76`	`78`	`.download-version-toggle {`
	`79`	`+ border-top-left-radius: 5px;`
	`80`	`+ border-top-right-radius: 5px;`
`77`	`81`	`display: flex;`
`78`	`82`	`flex-wrap: nowrap;`
`79`	`83`
`@@ -105,6 +109,8 @@`
`105`	`109`	`}`
`106`	`110`
`107`	`111`	`.download-platform {`
	`112`	`+ border-bottom-left-radius: 5px;`
	`113`	`+ border-bottom-right-radius: 5px;`
`108`	`114`	`border-top: 2px solid $node-green;`
`109`	`115`	`}`
`110`	`116`	`}`