Design fixes fixes 2020 12 07 (#2)

* fix hasadna/datacity-k8s#154 homepage groups component design fixes * fix hasadna/datacity-k8s#155 homepage datasets component - use top header background color
hasadna · Dec 7, 2020 · e7ff222 · e7ff222
1 parent 952e6a2
commit e7ff222
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/ckanext/datacity/fanstatic/datacity-theme.css b/ckanext/datacity/fanstatic/datacity-theme.css
@@ -122,33 +122,42 @@ body {
 
 .surrey-media-item {
 	position: relative;
-	width: 160px;
-	padding: 10px 10px 10px 13px;
+	width: 120px;
 	text-align: center;
-	height: 160px;
+	height: 120px;
+    margin-left: 13px;
+    margin-right: 13px;
+    margin-bottom: 22px;
 }
 
 .surrey-media-item-wrap {
     background-color: #37678c;
     border-radius: 30px;
-    height: 130px;
+    width: 120px;
+    height: 120px;
     padding-top: 10px;
 }
 
 .surrey-media-item span {
 	display:block;
     text-align: center;
-    font-size: 16px;
+    font-size: 14px;
     font-weight: bold;
+    padding-left: 10px;
+    padding-right: 10px;
 }
 
 .surrey-media-item img {
 	margin:7px 0;
 }
 
+.surrey-media-item a {
+    text-decoration: none;
+}
+
 ul.surrey-media-grid {
     margin: 0;
-    padding: 0;
+    padding: 0 26px;
 }
 
 .homepage-datasets-top-container .SectionTitle {

diff --git a/ckanext/datacity/templates/base.html b/ckanext/datacity/templates/base.html
@@ -113,5 +113,8 @@
     .homepage .module-search .search-title {
       color: {{ h.color('homepage_title_text_color') }};
     }
+    .homepage-datasets-top-container {
+      background-color: {{ h.color("top_header_background_color") }};
+    }
   </style>
 {% endblock %}