diff --git a/ippisite/ippidb/static/css/main.css b/ippisite/ippidb/static/css/main.css index a252907bcfd45f07d42d88be7e45866585b42d78..033d23bd5954a2d5f47028af131a7c42ec090e42 100644 --- a/ippisite/ippidb/static/css/main.css +++ b/ippisite/ippidb/static/css/main.css @@ -379,13 +379,15 @@ div.hidden { } .choices_background:hover { - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); - background-color: rgba(255, 255, 255, 1); cursor: pointer; color: #000; text-decoration: none; } +.choices_background:hover .flip-card-inner{ + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); +} + .choices_image { text-align: center; padding: 11px; diff --git a/ippisite/ippidb/templates/index.html b/ippisite/ippidb/templates/index.html index b85937dcfca60d2eb4676d881ae21ce57a48f6d2..ead7713e06f6fbb9b5cf2a2329edc54529c9d00c 100644 --- a/ippisite/ippidb/templates/index.html +++ b/ippisite/ippidb/templates/index.html @@ -74,7 +74,7 @@ </div> <div class="flip-card-back"> <a href="/compounds"> - <div style="top:20%; position:absolute;"> + <div style="padding-top: 3.5em;"> <div class="choices_title"> Query </div> @@ -105,7 +105,7 @@ </div> <div class="flip-card-back"> <a href="/about-pca"> - <div style="top:20%; position:absolute;"> + <div style="padding-top: 3.5em;"> <div class="choices_title"> Navigate the PPI chemical space </div> @@ -138,7 +138,7 @@ </div> <div class="flip-card-back"> <a href="/about-le-lle"> - <div style="top:20%; position:absolute;"> + <div style="padding-top: 3.5em;"> <div class="choices_title"> Surf the efficiency plot </div> @@ -173,7 +173,7 @@ </div> <div class="flip-card-back"> <a href="/contribute"> - <div style="top:20%; position:absolute; "> + <div style="padding-top: 2.5em; "> <div class="choices_title"> Contribute </div>