6647ae199221972aa0fbd68d015f80aa0aeef58a
hiram
  Tue Feb 22 13:59:33 2022 -0800
center the pull down menu anchor text refs #28930

diff --git src/hg/htdocs/style/gar.css src/hg/htdocs/style/gar.css
index 38b590e..8c305dc 100644
--- src/hg/htdocs/style/gar.css
+++ src/hg/htdocs/style/gar.css
@@ -190,60 +190,61 @@
 
 /* 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: left;
+  text-align: center;
   box-shadow: 0 0 4px 4px gold;
 }
 
 .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 */
 /* a color here doesn't appear to color anything */
 
 .pullDownMenuContent ul {
   /* color: #ff0000;*/
   background-color: white;
   list-style-type: none;
   background-image: none;
   margin-left: 0;
   margin-bottom: 0;
   padding-left: 0;
   /* padding: 0; */
+  text-align: left;
 }
 
 /* from: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors
  * Example: div span will match all <span> elements that are inside
  *  a <div> element.  This matches all 'li' inside the 'ul'
  * color ad background-colore here does nothing
  * the margin-top trick here sets the spacing between the li items
  */
 .pullDownMenuContent ul li {
   list-style-position: outside;
   overflow: hidden;
   margin-top: 1px;
   display: block;
 /*
   border:1px solit grey;