Border lines and hover effect fixed

Author: lidiazuin

preview-src/docs-ndl.adoc

@@ -217,7 +217,7 @@ link:https://discord.com/invite/neo4j[Discord]
 image:icons/ndl/icon-developercenter.svg[]
 
 [.link]
-link:https://neo4j.com/developer-blog/[Developer blog] xref:reference:resources.adoc[Other resources]
+link:https://neo4j.com/developer-blog/[Developer blog] link:https://www.neo4.com/docs/reference/resources[Other resources]
 
 
 

src/css/doc.css

@@ -1266,8 +1266,7 @@ body {
 }
 
 .doc a.external:hover::after {
-  top: -12px;
-  opacity: 0;
+  text-decoration: underline;
 }
 
 .doc .no-arrows a::after {

src/css/docs-ndl.css

@@ -219,10 +219,12 @@ body.docs-ndl .widget .sectionbody {
   row-gap: 0;
   justify-content: center;
   align-content: center;
+  border: 1px solid var(--panel-border-color);
 }
 
 body.docs-ndl .widget.lists .sectionbody {
   justify-content: space-between;
+  line-height: 24px;
 }
 
 body.docs-ndl .widget.banner .sectionbody {
@@ -438,9 +440,9 @@ body.docs-ndl .cards .sect2.selectable a {
 }
 
 body.docs-ndl .cards .sect2.selectable a:hover {
-  transform: scale(1.02);
   transition: 0.1s linear;
-  box-shadow: 0 4px 8px 0 rgba(12, 26, 37, 0.08);
+  border: 1px solid var(--page-version-missing-font-color);
+  box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
 }
 
 body.docs-ndl .cards .sect2.selectable:hover div.description {
@@ -582,15 +584,18 @@ body.docs-ndl .sect2 {
 
 body.docs-ndl .cards .sectionbody > div.sect2 {
   flex: 0 1 32%;
+  border: 1px solid var(--panel-border-color);
   /* margin-right: 1rem; */
 }
 
 body.docs-ndl .cards.bottom-cards .sectionbody > div.sect2 {
   flex: 0 1 49%;
+  border: 1px solid var(--panel-border-color);
 }
 
 body.docs-ndl.explainer .sectionbody > div.sect2 {
   flex: 0 1 49%;
+  border: 1px solid var(--panel-border-color);
 }
 
 body.docs-ndl .cards .sect2 > a,
@@ -606,22 +611,23 @@ body.docs-ndl .lists .sect2 {
   /* min-width: 30%; */
   padding: 1rem;
   background: var(--color-white);
+  line-height: 2rem;
 }
 
 body.docs-ndl .cards .sect2 a::before,
 body.docs-ndl .cards:not(.selectable) .sect2 a::before {
   content: "";
   position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
 }
 
 body.docs-ndl .cards:not(.selectable) .sect2:hover {
-  transform: scale(1.02);
   transition: 0.1s linear;
-  box-shadow: 0 4px 8px 0 rgba(12, 26, 37, 0.08);
+  border: 1px solid var(--page-version-missing-font-color);
+  box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
 }
 
 /* styles for specific types of cards: