on Refactor... #4

browser/styles/main/containers/LoginContainer.styl

@@ -9,7 +9,7 @@
     display block
     margin 0 auto
   .authNavigator
-    margin 15px 0
+    margin 15px 0 25px
     a
       font-size 1.5em
       text-decoration none
@@ -47,7 +47,8 @@
     .dividerLabel
       text-align center
       position relative
-      top -35px
+      top -27px
+      font-size 1.3em
       background-color backgroundColor
       margin 0 auto
       width 50px

browser/styles/main/containers/UserContainer.styl

@@ -166,6 +166,23 @@
         border-color darken(brandBorderColor, 10%)
         background-color brandColor
         color white
+      .newPlanetTooltip
+        position fixed
+        z-index 500
+        background-color transparentify(invBackgroundColor, 80%)
+        color invTextColor
+        padding 10px
+        line-height 1em
+        border-radius 5px
+        margin-top -23px
+        margin-left 33px
+        white-space nowrap
+        font-size 1.1em
+        opacity 0
+        transition 0.1s
+        pointer-events none
+      &:hover .newPlanetTooltip
+        opacity 1
   .UserContainer
     absolute top bottom right
     left 55px
@@ -208,6 +225,13 @@
         li
           margin-bottom 10px
           font-size 1.1em
+          .createTeamButton, .addMemberButton
+            btnStripDefault()
+      .members .role
+        margin-left 7px
+        margin-top 2px
+        color inactiveTextColor
+        font-size 0.85em
     .planetList
       absolute right bottom
       top 125px
@@ -226,3 +250,5 @@
           margin-left 15px
           li
             margin-bottom 10px
+            .createPlanetButton
+              btnStripDefault()

browser/styles/main/containers/UserSettingContainer.styl

@@ -1,33 +0,0 @@
-.UserSettingContainer
-  absolute top bottom right
-  left 50px
-  .UserSettingNavigation
-    absolute top bottom left
-    width 200px
-    padding 15px
-    box-sizing border-box
-    border-right solid 1px borderColor
-    .userName
-      font-size 2.0em
-      margin 10px 0
-      color brandColor
-    a
-      display block
-      color textColor
-      width 100%
-      padding 15px
-      margin-bottom 5px
-      border-radius 10px
-      box-sizing border-box
-      cursor pointer
-      &:hover, &.hover
-        color brandColor
-        background-color hoverBackgroundColor
-      &:active, &.active
-        color brandColor
-
-  .UserSettingMain
-    absolute top bottom right
-    left 200px
-    padding 10px
-    box-sizing border-box

browser/styles/shared/modal.styl

@@ -58,7 +58,7 @@
       padding 15px
 
   .EditProfileModal, .PlanetSettingModal
-    .userInfoTab, .paswordTab, .planetProfileTab
+    .userInfoTab, .passwordTab, .planetProfileTab, .userInfoTab, .membersTab
       padding-top 45px
       .formField
         position relative