Merge branch 'quckfixStyling' into 'develop'

fixed issues described in th ticket #3715

See merge request piveau/hub/piveau-hub-ui!223

src/styles/styles.scss

@@ -37,17 +37,19 @@
 
 .dsd-subject-feature {
   .mb-4 {
-    margin-left:8rem;
+    margin-left: 8rem;
     font-weight: 400 !important;
     font-size: 2rem;
     line-height: 1.2;
   }
 }
-.dsd-item{
-  table{
+
+.dsd-item {
+  table {
     padding: 1rem
   }
 }
+
 // Hacky solution to fix the dataset details #### end ######
 .circle {
   width: 40px;
@@ -188,6 +190,96 @@
   }
 }
 
+// adds for cleaning up ticket
+@media screen and (max-width: 991px) {
+  .dsd-map-feature {
+    #mapid {
+      margin-left: 1rem !important;
+      width: 100% !important;
+    }
+  }
+
+  #piveau-header {
+    .navbar-toggler {
+      margin: 1rem 0;
+    }
+  }
+}
+
+.distribution-details-show-more {
+  padding: 0.75rem;
+}
+
+.distribution-added {
+  margin-top: .5rem
+}
+
+.distributions-header-title-container {
+  padding: 0
+}
+
+.dsd-pages-feature,
+.dsd-relations-feature {
+  .list-unstyled {
+    margin-left: 8rem;
+    flex: unset
+  }
+}
+
+.validate-btn {
+  color: #fff !important;
+  background-color: #6610f2;
+  border-color: #6610f2;
+  margin: 0 0 4px 4px;
+  border-radius: 1.875rem !important;
+  padding: 0 .6rem;
+
+  &:hover {
+    background-color: #196fd2;
+    border-color: #196fd2;
+  }
+}
+
+.additional-information {
+  margin-top: 30px
+}
+
+.keywords__item {
+  small {
+    color: white
+  }
+}
+
+.dsd-properties {
+  margin-left: -12px
+}
+
+.dsd-map-feature {
+  #mapid {
+    width: 88% !important;
+    margin-left: 9.33333333%;
+  }
+
+}
+
+.distributions__actions {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  height: unset !important;
+
+  button {}
+}
+
+
+@media screen and (max-width: 768px) {
+  #piveau-header {
+    .navbar-toggler {
+      margin: 1rem 0;
+    }
+  }
+}
+
 // import empty theme after styles are loaded 
 @import "empty_theme";
 @import "datasets_catalogs";
\ No newline at end of file