Fix typo. Add side borders for alert-info message

sonm-io · Dec 25, 2017 · fd4e08f · fd4e08f
1 parent 6f012b1
commit fd4e08f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/docs/app.bundled.js b/docs/app.bundled.js
diff --git a/docs/style.css b/docs/style.css
@@ -1772,6 +1772,8 @@ li.sonm-select-dropdown-menu-item-divider {
   font-size: 15px;
 }
 .sonm-alert--info {
+  border-left: solid 1px #d8d8d8;
+  border-right: solid 1px #d8d8d8;
   z-index: 1;
   background-color: #fcf4d1;
   font-size: 15px;

diff --git a/front/src/app/components/common/alert/index.less b/front/src/app/components/common/alert/index.less
@@ -24,6 +24,8 @@
   }
 
   &--info {
+    border-left: solid 1px @color-border;
+    border-right: solid 1px @color-border;
     z-index: 1;
     background-color: #fcf4d1;
     font-size: 15px;

diff --git a/front/src/app/components/layouts/app/index.tsx b/front/src/app/components/layouts/app/index.tsx
@@ -100,7 +100,7 @@ export class App extends React.Component<IProps, any> {
                         }
                     </div>
                     <AlertList className="sonm-app__alerts"/>
-                    <div className="sonm-alert sonm-alert--info">Wallet work in testnet! Do not use real keys, Ether or tokens.</div>
+                    <div className="sonm-alert sonm-alert--info">Wallet works in testnet! Do not use real keys, Ether or tokens.</div>
                     <div className="sonm-app__content">
                         {children}
                     </div>