95d31eaa8f97abfc5df963cf32265b9365366dba
hiram
  Tue Mar 8 10:46:34 2022 -0800
better shadow around the pull-down menu boxes refs #28930

diff --git src/hg/htdocs/style/gar.css src/hg/htdocs/style/gar.css
index cf413cc..07ff8a8 100644
--- src/hg/htdocs/style/gar.css
+++ src/hg/htdocs/style/gar.css
@@ -203,33 +203,37 @@
 /* a drop down example from
  * https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_text
  * the background-color here is the background of the ancher text box
  *  but it doesn't come through as exactly what is specified here ?
  */
 .pullDownMenu {
   position: relative;
   display: inline-block;
   float: right;
   color: white;
   background-color: #1d3a6e;
   border: 1px solid #000000;
   margin: 2px 20px 2px 2px;
   padding: 5px 5px 5px 5px;
   text-align: center;
-  box-shadow: 0 0 4px 4px gold;
+  box-shadow: 8px 8px 4px grey;
 }
 
+/* for box-shadow:
+ * offset-x | offset-y | blur-radius | spread-radius | color
+ */
+
 .pullDownMenuContent {
   display: none;
   position: absolute;
   z-index: 1;
   margin: 0;
   margin-bottom: 0;
   width: 100%;
   /* border: 1px solid #00f; */
   box-shadow: 0 0 4px 4px #1d3a6e;
 }
 /* the background-color here is what is in between the menu items */
 /* but why is there space between the menu items ? */
 /* the padding here affects the spacing to the left of the menu items */
 /* but these are offset to the right from the anchor text above ? */
 /* the margin-left moves them closer to the left edge of the anchor */