fix bad styling for thumbs view in extra networks #10639

1 files changed, 17 insertions, 1 deletions

diff --git a/style.css b/style.css
index ba12723a..571f4cf4 100644
--- a/style.css
+++ b/style.css
@@ -756,13 +756,22 @@ footer {
 .extra-network-cards .card .metadata-button, .extra-network-thumbs .card .metadata-button{

     display: none;

     position: absolute;

-    right: 0;

     color: white;

+    right: 0;

+}

+.extra-network-cards .card .metadata-button {

     text-shadow: 2px 2px 3px black;

     padding: 0.25em;

     font-size: 22pt;

     width: 1.5em;

 }

+.extra-network-thumbs .card .metadata-button {

+    text-shadow: 1px 1px 2px black;

+    padding: 0;

+    font-size: 16pt;

+    width: 1em;

+    top: -0.25em;

+}

 .extra-network-cards .card:hover .metadata-button, .extra-network-thumbs .card:hover .metadata-button{

     display: inline-block;

 }

@@ -787,6 +796,13 @@ footer {
     position: relative;

 }

 

+.extra-network-thumbs .card .preview{

+    position: absolute;

+    object-fit: cover;

+    width: 100%;

+    height:100%;

+}

+

 .extra-network-thumbs .card:hover .additional a {

     display: inline-block;

 }