Update library and openaire-theme. Add rules for secondary button and background. Home: Make Features section responsive

src/app/app.component.ts

@@ -10,7 +10,6 @@ import {properties} from "../environments/environment";
 import {BehaviorSubject, Subscriber} from "rxjs";
 import {StakeholderService} from "./openaireLibrary/monitor/services/stakeholder.service";
 import {Header} from "./openaireLibrary/sharedComponents/navigationBar.component";
-import {QuickContactComponent} from "./openaireLibrary/sharedComponents/quick-contact/quick-contact.component";
 import {SmoothScroll} from "./openaireLibrary/utils/smooth-scroll";
 import {QuickContactService} from './openaireLibrary/sharedComponents/quick-contact/quick-contact.service';
 

src/app/home/home.component.css

@@ -2,7 +2,7 @@
   background-color: white;
 }
 
-@media only screen and (min-width: 960px) {
+@media only screen and (min-width: 1200px) {
   .home-background {
     position: relative;
     background-repeat: no-repeat;

src/app/home/home.component.html

@@ -108,7 +108,7 @@
   </div>
   <div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
     <div class="uk-grid uk-grid-large" uk-grid>
-      <div class="uk-width-1-3">
+      <div class="uk-width-1-3@m uk-width-1-1">
         <span class="uk-h6 uk-text-primary">Features</span>
         <h2 class="uk-h1 uk-margin-remove-top">Open data. <br> Open <br> methodologies<span
             class="uk-text-primary">.</span></h2>
@@ -119,7 +119,7 @@
 					</span>
         </a>
       </div>
-      <div class="uk-width-2-3 uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
+      <div class="uk-width-expand uk-grid uk-child-width-1-2@m uk-child-width-1-1" uk-grid>
         <div class="">
           <div class="uk-icon-bg-shadow uk-margin-bottom">
             <icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook"

src/app/home/home.component.ts

@@ -119,8 +119,6 @@ export class HomeComponent implements OnDestroy, AfterViewInit {
 			threshold: 1.0
 		};
 		this.observer = new IntersectionObserver(entries => {
-			console.log(entries);
-			console.log(this.showQuickContact);
 			entries.forEach(entry => {
 				if(entry.isIntersecting && this.showQuickContact) {
 					this.showQuickContact = false;

src/app/openaireLibrary

@@ -1 +1 @@
-Subproject commit 1a7aee9a2f34ce04b5bc97559065ceb8e813a2ac
+Subproject commit 31e56588271d0ed3fc64990a35ac007e7aa4b2b3

src/assets/monitor-custom.css

@@ -1,13 +1,18 @@
 :root {
   /*buttons*/
-  --button-primary-background: transparent;
+  --button-primary-background: var(--monitor-color);
   --button-primary-background-image: linear-gradient(110deg, var(--monitor-light-color) 50%, var(--monitor-dark-color) 100%);
-  --button-secondary-background: var(--secondary-color);
+  --button-secondary-background: var(--light-color);
-  --button-secondary-background-image: none;
+  --button-secondary-color: var(--monitor-color);
+  --button-secondary-border-color: var(--monitor-color);
+  --button-secondary-background-hover: var(--secondary-color);
+  --button-secondary-color-hover: var(--light-color);
+  --button-secondary-border-color-hover: transparent;
 
   /*backgrounds*/
   --primary-background: #2C2C2C;
   --primary-background-image:none;
+  --secondary-background: var(--monitor-color);
   --secondary-background-image:none;
 
   /*fonts*/

src/assets/openaire-theme

@@ -1 +1 @@
-Subproject commit 0d784875161cd5e74900a229ab995aabc79221a1
+Subproject commit 0a34bf8f62ef7544060acc4e8333ce13ea929d91