diff --git a/hydroshare_community_resources_app/static/css/hs_community_resources.css b/hydroshare_community_resources_app/static/css/hs_community_resources.css index a89193a..fbdebb1 100644 --- a/hydroshare_community_resources_app/static/css/hs_community_resources.css +++ b/hydroshare_community_resources_app/static/css/hs_community_resources.css @@ -130,7 +130,7 @@ .middle input[type="radio"]:checked + .box span { color: white; - transform: translateY(35px); /* Adjusted from 70px */ + transform: translateY(15px); /* Adjusted from 35px */ } .middle input[type="radio"]:checked + .box span:before { @@ -139,8 +139,8 @@ } .middle .box { - width: 100px; /* Adjusted from 200px */ - height: 100px; /* Adjusted from 200px */ + width: 100px; /* Reduced from 100px */ + height: 50px; /* Reduced from 100px */ background-color: #fff; transition: all 250ms ease; will-change: transform; @@ -153,12 +153,12 @@ } .middle .box:active { - transform: translateY(5px); /* Adjusted from 10px */ + transform: translateY(2px); /* Adjusted from 10px */ } .middle .box span { position: absolute; - transform: translate(0, 30px); /* Adjusted from 60px */ + transform: translate(0, 15px); /* Adjusted from 30px */ left: 0; right: 0; transition: all 300ms ease; @@ -168,10 +168,10 @@ } .middle .box span:before { - font-size: 0.8em; /* Adjusted from 1.2em */ + font-size: 0.6em; /* Reduced font size */ + transform: translateY(-20px); /* Adjusted from -40px */ font-family: FontAwesome; display: block; - transform: translateY(-40px); /* Adjusted from -80px */ opacity: 0; transition: all 300ms ease-in-out; font-weight: normal; diff --git a/hydroshare_community_resources_app/templates/hydroshare-community-resources.html b/hydroshare_community_resources_app/templates/hydroshare-community-resources.html index eb13c20..0809086 100644 --- a/hydroshare_community_resources_app/templates/hydroshare-community-resources.html +++ b/hydroshare_community_resources_app/templates/hydroshare-community-resources.html @@ -27,17 +27,19 @@ {% block content %}