From 5101c6a22c62244dfdffc3dbfb3ef905a96fefbd Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Tue, 11 Jun 2024 10:52:34 -0300
Subject: [PATCH] added fontawesome

---
 css/base.css           |  2 +-
 css/components.css     | 32 ++++++++++++++++++++++++++------
 css/islandora_mods.css | 20 ++++++++++++++++++--
 vre2024.info.yml       |  2 +-
 4 files changed, 46 insertions(+), 10 deletions(-)

diff --git a/css/base.css b/css/base.css
index dd2b699..9902ea1 100644
--- a/css/base.css
+++ b/css/base.css
@@ -305,7 +305,7 @@ button,
   position: relative;
   cursor: pointer;
   border: 0;
-  padding: 8px 10px;
+  padding: 4px 8px;
   line-height: 1.6;
   -webkit-appearance: button;
   background: var(--upei-green);
diff --git a/css/components.css b/css/components.css
index 4d0337a..214aacb 100644
--- a/css/components.css
+++ b/css/components.css
@@ -80,11 +80,10 @@ ul.page-tabs {
 
 .page-tabs li a {
   font-family: var(--tabs-font);
-font-optical-sizing: auto;
+  font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
-  font-variation-settings:
-    "wdth" 75;
+  font-variation-settings: "wdth" 75;
   background-color: var(--page-tab-bg-color);
   color: var(--page-tab-text-color);
   padding: 0.5rem 1rem;
@@ -183,14 +182,35 @@ ul.inline li a {
   padding: 12px 0;
 }
 .pager__item a {
-  padding: 8px 14px;
+  padding: 4px 8px;
   color: #fff;
-  background: var(--dark);
+  color: var(--upei-green);
+  /*background: var(--dark);*/
+  border: 1px solid var(--upei-green);
+  border-radius: 5px;
+  font-family: var(--tabs-font);
+  font-optical-sizing: auto;
+  /*font-weight: 300;*/
+  font-style: normal;
+  /*font-variation-settings: "wdth" 75;*/
 }
 .pager__item a:hover,
-.pager__item.is-active a {
+.pager__item.is-active a,
+.pager__link--is-active {
   background: var(--primary);
+  background: var(--upei-green);
+  text-decoration: none !important;
+  color: #fff;
+}
+.pager__item a.pager__link--is-active {
+  color: #fff;
+  text-decoration: none !important;
+}
+.pager__link--is-active a {
+  text-decoration: none !important;
+
   color: #fff;
+  /*border: solid 2px #0d77b5;*/
 }
 /* vertical Tabs */
 .vertical-tabs__panes {
diff --git a/css/islandora_mods.css b/css/islandora_mods.css
index 77d3ab6..9a23ddb 100644
--- a/css/islandora_mods.css
+++ b/css/islandora_mods.css
@@ -62,10 +62,26 @@ form#views-exposed-form-solr-search-content-block-1 {
   }
 }
 div#block-views-block-oai-pmh-item-links-block-1 .field-content {
-    display: flex;
-    a:first-child:after {
+  display: flex;
+  a:first-child:after {
     content: " |";
     margin-right: 4px;
     /*padding-right: 4px;*/
   }
 }
+/*collection grid*/
+.view-grid {
+  /*display: none;*/
+  display: flex;
+  flex: wrap;
+  justify-content: space-between;
+  .views-row {
+    /*display: none;*/
+    width: 32%;
+    padding-bottom: 18%; /* 32:18, i.e. 16:9 */
+    margin-bottom: 2%; /* (100-32*3)/2 */
+  }
+}
+.advanced_search_result_pager .pager__group {
+  justify-content: flex-start;
+}
diff --git a/vre2024.info.yml b/vre2024.info.yml
index 892e523..3254f04 100644
--- a/vre2024.info.yml
+++ b/vre2024.info.yml
@@ -7,7 +7,7 @@ starterkit: true
 core_version_requirement: ^9 || ^10
 libraries:
   - vre2024/global-styling
-  #- vre2024/fontawesome4
+  - vre2024/fontawesome4
   #- vre2024/fontawesome5
   #- vre2024/bootstrap-icons
 regions: