Various styling fixes

– updated logos to include ®
– removed letter spacing
– changed global colors

src/components/AddCloudConnection/AddCloudConnection.scss

@@ -28,7 +28,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-light;
     font-size: 24px;
     color: $gray-darker;
-    letter-spacing: -0.61px;
     padding: 10px;
     background-color: $gray-light;
     text-align: center;

src/components/CloudConnectionAuth/CloudConnectionAuth.scss

@@ -48,7 +48,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 10px;
     color: $gray-dark;
-    letter-spacing: -0.34px;
     text-transform: uppercase;
     margin-bottom: 8px;
   }
@@ -56,13 +55,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 14px;
     color: $gray;
-    letter-spacing: -0.41px;
   }
   .value {
     font-weight: $weight-regular;
     font-size: 14px;
     color: $black;
-    letter-spacing: -0.41px;
     a {
       color: $blue;
     }

src/components/CloudConnectionDetail/CloudConnectionDetail.scss

@@ -48,7 +48,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 10px;
     color: $gray-dark;
-    letter-spacing: -0.34px;
     text-transform: uppercase;
     margin-bottom: 8px;
   }
@@ -56,13 +55,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 14px;
     color: $gray;
-    letter-spacing: -0.41px;
   }
   .value {
     font-weight: $weight-regular;
     font-size: 14px;
     color: $black;
-    letter-spacing: -0.41px;
     a {
       color: $blue;
     }

src/components/CloudConnectionsView/CloudConnectionsView.scss

@@ -98,7 +98,6 @@ $connectionHeaderBg: #D9DCE3;
     font-weight: $weight-regular;
     font-size: 16px;
     color: $gray;
-    letter-spacing: -0.46px;
     text-decoration: none;
     margin-bottom: 16px;
     &:global(.active) {

src/components/ConnectionsList/ConnectionsList.scss

@@ -140,7 +140,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       .description {
         display: block;
         color: $gray-dark;
-        letter-spacing: -0.41px;
         font-size: 14px;
       }
       :global(.icon.small-cloud) {

src/components/FilteredTable/FilteredTable.scss

@@ -30,7 +30,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-regular;
     padding-left: 8px;
     color: $gray;
-    letter-spacing: -0.41px;
     &:first-child {
       padding-left: 0;
     }
@@ -95,4 +94,3 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     }
   }
 }
-

src/components/Header/Header.js

@@ -78,7 +78,7 @@ class Header extends Component {
             <span></span>
           </div>
           <Link className={s.brand} to={this.props.linkUrl}>
-            <div className="logo coriolis-white"></div>
+            <div className="logo coriolis-white-topbar"></div>
           </Link>
           <div className={s.banner}>
             {/*<h1 className={s.bannerTitle}>{this.props.title}</h1>*/}

src/components/Header/Header.scss

@@ -33,7 +33,6 @@ $brand-color: #FFF;
     font-size: 32px;
     line-height: 32px;
     color: #FFFFFF;
-    letter-spacing: -0.81px;
     min-width: $wizard-content-width;
     padding: 16px 32px;
   }
@@ -128,7 +127,6 @@ $brand-color: #FFF;
       a {
         font-size: 18px;
         color: #FFFFFF;
-        letter-spacing: -0.27px;
         cursor: pointer;
         &:hover {
           color :$blue;

src/components/InfoIcon/InfoIcon.scss

@@ -28,7 +28,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   margin-left: 12px;
 }
 .infoIcon {
-  letter-spacing: 0.3px;
   border-color: $gray !important;
   padding: 8px !important;
   color: $gray-dark !important;

src/components/LoginPage/LoginPage.scss

@@ -35,7 +35,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       opacity: 0.72;
       font-size: 9px;
       color: #FFFFFF;
-      letter-spacing: -0.3px;
       margin-bottom: 12px;
     }
     .coriolisLogo {

src/components/MainList/MainList.scss

@@ -131,7 +131,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       .description {
         display: block;
         color: $gray-dark;
-        letter-spacing: -0.41px;
         font-size: 14px;
       }
       :global(.icon.small-cloud) {

src/components/MigrationDetail/MigrationDetail.scss

@@ -46,7 +46,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 10px;
     color: $gray-dark;
-    letter-spacing: -0.34px;
     text-transform: uppercase;
     margin-bottom: 8px;
   }
@@ -54,13 +53,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 14px;
     color: $gray;
-    letter-spacing: -0.41px;
   }
   .value {
     font-weight: $weight-regular;
     font-size: 14px;
     color: $black;
-    letter-spacing: -0.41px;
     a {
       color: $blue;
     }

src/components/MigrationTasks/MigrationTasks.scss

@@ -82,7 +82,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         font-weight: $weight-semibold;
         font-size: 10px;
         color: $black;
-        letter-spacing: -0.34px;
         text-transform: uppercase;
         margin-bottom: 5px;
       }
@@ -90,7 +89,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         font-weight: $weight-regular;
         font-size: 14px;
         color: $gray-dark;
-        letter-spacing: -0.41px;
       }
       &:nth-child(2n) {
         width: 500px;

src/components/MigrationView/MigrationView.scss

@@ -98,7 +98,6 @@ $migrationHeaderBg: #D9DCE3;
     font-weight: $weight-regular;
     font-size: 16px;
     color: $gray;
-    letter-spacing: -0.46px;
     text-decoration: none;
     margin-bottom: 16px;
     &:global(.active) {

src/components/MigrationWizard/MigrationWizard.scss

@@ -28,7 +28,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-light;
     font-size: 32px;
     color: #0056B8;
-    letter-spacing: -0.81px;
     text-align: center;
     background-color: #FFF;
     width: $wizard-content-width;
@@ -61,7 +60,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     span {
       display: inline-block;
       margin-right: 7px;
-      letter-spacing: -0.4px;
       color: $gray;
       &:after {
         content: " ";

src/components/NotificationDropdown/NotificationDropdown.scss

@@ -81,12 +81,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     border-bottom: 1px solid $gray;
     .userName {
       font-size: 16px;
-      letter-spacing: -0.41px;
     }
     .userEmail {
       font-size: 10px;
       line-height: 16px;
-      letter-spacing: -0.41px;
       color: $gray-dark;
     }
   }

src/components/Table/Table.scss

@@ -30,7 +30,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-regular;
     padding-left: 8px;
     color: $gray;
-    letter-spacing: -0.41px;
     &:first-child {
       padding-left: 0;
     }
@@ -95,4 +94,3 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     }
   }
 }
-

src/components/Tasks/Tasks.scss

@@ -68,7 +68,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         font-weight: $weight-semibold;
         font-size: 10px;
         color: $black;
-        letter-spacing: -0.34px;
         text-transform: uppercase;
         margin-bottom: 5px;
       }
@@ -76,7 +75,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         font-weight: $weight-regular;
         font-size: 14px;
         color: $gray-dark;
-        letter-spacing: -0.41px;
       }
       &:nth-child(2n) {
         width: 500px;
@@ -119,4 +117,3 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   }
 
 }
-

src/components/UserDropdown/UserDropdown.scss

@@ -80,12 +80,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     border-bottom: 1px solid $gray;
     .userName {
       font-size: 16px;
-      letter-spacing: -0.41px;
     }
     .userEmail {
       font-size: 10px;
       line-height: 16px;
-      letter-spacing: -0.41px;
       color: $gray-dark;
     }
   }

src/components/UserOverview/UserOverview.scss

@@ -49,7 +49,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 10px;
     color: $gray-dark;
-    letter-spacing: -0.34px;
     text-transform: uppercase;
     margin-bottom: 8px;
   }
@@ -57,13 +56,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-semibold;
     font-size: 14px;
     color: $gray;
-    letter-spacing: -0.41px;
   }
   .value {
     font-weight: $weight-regular;
     font-size: 14px;
     color: $black;
-    letter-spacing: -0.41px;
     a {
       color: $blue;
     }

src/components/UserView/UserView.scss

@@ -105,7 +105,6 @@ $connectionHeaderBg: $gray-light;
     font-weight: $weight-regular;
     font-size: 16px;
     color: $gray;
-    letter-spacing: -0.46px;
     text-decoration: none;
     margin-bottom: 16px;
     &:global(.active) {

src/components/WithSidebar/WithSidebar.scss

@@ -35,9 +35,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     margin-top: 44px;
     li {
       font-weight:$weight-regular;
-      font-size: 20px;
+      font-size: 18px;
       color: #FFFFFF;
-      letter-spacing: -0.58px;
       list-style-image: none;
       margin-bottom: 24px;
       cursor: pointer;
@@ -48,7 +47,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   }
 }
 .logo {
-  width: 244px;
+  width: 245px;
   height: 48px;
   background-size: cover;
   cursor: pointer;

src/components/WizardMigrationType/WizardMigrationType.scss

@@ -50,7 +50,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-regular;
     font-size: 14px;
     color: $gray;
-    letter-spacing: -0.41px;
     transition: color $animation-swift-out;
   }
   textarea {
@@ -104,7 +103,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-light;
     color: $gray;
     margin-top: 0;
-    letter-spacing: -0.61px;
     transition: color $animation-swift-out;
   }
 }
@@ -133,4 +131,3 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   }
 
 }
-

src/components/WizardOptions/WizardOptions.scss

@@ -22,7 +22,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   h3 {
     font-weight: $weight-light;
     font-size: 16px;
-    letter-spacing: -0.61px;
     margin-bottom: 10px;
   }
   input[type="text"] {

src/components/WizardSummary/WizardSummary.scss

@@ -22,7 +22,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     font-weight: $weight-light;
     font-size: 24px;
     color: $gray-darker;
-    letter-spacing: -0.61px;
     margin: 0 0 16px;
   }
   font-weight: $weight-regular;
@@ -32,7 +31,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   font-weight: $weight-regular;
   font-size: 14px;
   color: $gray-dark;
-  letter-spacing: -0.41px;
 }
 .values {
   .row {

src/components/WizardVms/WizardVms.scss

@@ -55,14 +55,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 .selectionCount {
   font-size: 14px;
   color: $gray-dark;
-  letter-spacing: -0.41px;
   float: left;
   margin-top: 22px;
 }
 .pagination {
   font-size: 14px;
   color: $gray-dark;
-  letter-spacing: -0.41px;
   border: 1px solid $gray;
   border-radius: $border-radius;
   width: 98px;

src/components/variables.scss

@@ -8,8 +8,8 @@ $gray-dark:             #616770;
 $gray:                  #A4AAB5;
 $gray-light:            #ECEDF1;
 $gray-lighter:          #D8DBE2;
-$blue:                  #0056B8;
-$blue-light:            #0068DD;
+$blue:                  #0044CB;
+$blue-light:            #000EA9;
 $black:                 #202134;
 $red:                   #F70062;
 $green:                 #34C555;
@@ -59,4 +59,3 @@ $screen-lg-min:         1200px; /* Large screen / wide desktop */
  * ========================================================================== */
 
 $animation-swift-out:   .45s cubic-bezier(0.3, 1, 0.4, 1) 0s;
-

src/config.js

@@ -20,7 +20,7 @@
 
 export const port = process.env.PORT || 3000;
 export const host = process.env.WEBSITE_HOSTNAME || `localhost:${port}`;
-export const coriolisUrl = "/"
+export const coriolisUrl = "http://10.7.1.44/"
 export const defaultDomain = "default";
 
 // Number of instances in wizard Migrate VMs step