Additional styling for request buttons

01JHU_INST-JHU/css/sign-in-button.css

@@ -1,16 +1,20 @@
-
 /* Sign in button that displays when you are an item page and not signed-in. */
 .bar prm-authentication .md-button[aria-label="Sign in"] {
-    color: #fff !important;
-    background-color: #002d72;
-    padding: 1em;
-    padding-left: 2.5em;
-    padding-right: 2.5em;
-    border-radius: .2em;
-    margin-top: 0;
-    margin-bottom: 1em;
-    margin-right: 1em;
-    min-width: 285px;
-    float: right;
-    cursor: pointer;
+  color: #fff !important;
+  background-color: #002d72;
+  padding: 1em;
+  padding-left: 2.5em;
+  padding-right: 2.5em;
+  border-radius: .2em;
+  margin-top: 0;
+  margin-bottom: 1em;
+  margin-right: 1em;
+  min-width: 285px;
+  float: right;
+  cursor: pointer;
+}
+
+/* Bar that contains the sign in button. */
+.bar {
+  height: 100px;
 }

01JHU_INST-JHU/js/custom.js

@@ -34,22 +34,13 @@
     templateUrl: "/discovery/custom/01JHU_INST-JHU/html/prm-search-result-thumbnail-container-after.html"
   });
 
+  /* This component is used to add a "Request" button to the prm-location component. */
   app.component('prmLocationAfter', {
     bindings: { parentCtrl: `<` },
     templateUrl: "/discovery/custom/01JHU_INST-JHU/html/prm-location-after.html",
     controller: function () {
-
-      this.requestHover = function(e) {
-        var clickedElement = e.target;
-        var requestButton = clickedElement.parentElement.parentElement.firstChild;
-
-        if (requestButton) {
-          var mouseoverEvent = new Event('mouseover');
-          requestButton.dispatchEvent(mouseoverEvent);
-        } else {
-          console.log('No request button found');
-        }
-      }
+      this.$onInit = function() {
+    };
 
       this.requestFromThisLocation = function (e) {
         var clickedElement = e.target;
@@ -65,4 +56,5 @@
     }
   });
 
+
 })();