get styles in line with other bar button components

CHANGELOG.md

+# myuw-profile versions
+
+## 1.2.0
+
+### Changed
+
+* Set standard top-bar button margin on containing element
+* Removed left-only margin to better support usage outside of myuw-app-bar
+* Add use of a CSS variable for menu link color (myuw-menu-color)
\ No newline at end of file

README.md

@@ -39,5 +39,6 @@ Use the component's HTML tag wherever you want:
 - `--myuw-profile-font`: Set the font stack for this component
 - `--myuw-profile-login-color`: Set the font color of the "Login" button
 - `--myuw-profile-background-color`: Set the background color of the circular menu button
+- `--myuw-menu-color`: The text color of links/buttons in the profile menu
 
 For more information about CSS variables and how they work with MyUW Web Components, [reference the styles component](https://github.com/myuw-web-components/myuw-app-styles "reference the styles component")

src/myuw-profile.html

@@ -28,7 +28,6 @@
     height: 42px;
     width: 42px;
     min-width: initial;
-    margin-left: 8px;
     padding: 4px;
     text-transform: uppercase;
     text-align: center;
@@ -68,6 +67,7 @@
 #myuw-profile-wrapper {
     position: relative;
     display: inline-block;
+    margin: 0 6px;
 }
 
 #myuw-profile-wrapper.hidden {
@@ -123,7 +123,7 @@
     font-size: 15px;
     font-family: var( --myuw-profile-font, var(--myuw-font, 'Montserrat', 'Roboto', Arial, sans-serif) );
     padding: 3px 16px;
-    color: rgba(0,0,0,0.87);
+    color: var(--myuw-menu-color, rgba(0,0,0,0.87));
     text-decoration: none;
     background-color: #f5f5f5;
     border-bottom: 1px solid #e5e5e5;