fix: mobile ui issues-2 (#579)

Co-authored-by: devneser

Author: cae1um

public/views/correspondentDevices.html

@@ -168,7 +168,7 @@
 
 					<ul id="drop-contacts" class="contacts-orders-list f-dropdown drop-bottom drop-down pos-at-cursor right" data-dropdown-content>
 						<li class="dropup-item" ng-repeat="order in contactsSortOrderList" data-value="{{order.label}}">
-							<a class="ellipsis dropup-item-link" ng-click="changeOrder('contacts', order)" style="display: flex;align-items: flex-end;">
+							<a class="ellipsis dropup-item-link" ng-click="changeOrder('contacts', order)" style="display: flex;align-items: center;">
 								{{order.label|translate}}
 							</a>
 						</li>

public/views/includes/topbar.html

@@ -13,7 +13,7 @@
 }
 </style>
 <nav ng-controller="topbarController as topbar" class="tab-bar" ng-init="topbar.init()">
-  <section class="left-small">
+  <section class="left-small" style="align-items: center; display: flex;">
     <a id="hamburger" class="p10" ng-show="!goBackToState && !closeToHome  && !index.noFocusedWallet"
       ng-click="index.openMenu()"><i class="fi-list size-24"></i>
     </a>

public/views/modals/address-definition.html

@@ -13,7 +13,7 @@ <h1 class="title ellipsis" style="color: #4E4E4E !important" translate>
 
 
 <div class="modal-content fix-modals-touch">
-	<div class="row columns m20t enable_text_select">{{address}} <span translate>can be spent if:</span></div>
+	<div class="row columns m20t enable_text_select" style="word-break: break-all;">{{address}} <span translate>can be spent if:</span></div>
 	<div class="row columns m20t size-14 center enable_text_select" dynamic="humanReadableDefinition"></div>
 	<div class="row columns m20t size-14">
 		<span class="text-gray" translate>Peer:</span>

src/css/mobile.css

@@ -150,7 +150,7 @@ _:-ms-fullscreen, :root .main {
   width: 75px;
   color: #656565;
   height: 45px;
-  top: 0px;
+  top: -1px;
   transition: all .3s;
 }
 
@@ -987,10 +987,7 @@ textarea:focus
 }
 .f-dropdown li a .check {
 	display: none;
-	position: absolute;
-	top: 50%;
-	right: -5px;
-	margin-top: -10px;
+	margin-left: 10px;
 }
 .f-dropdown li.selected a .check {
 	display: inline;