tiny redesign and style fixes

Author: joni2back

dist/angular-filemanager.min.css

@@ -16,9 +16,6 @@
   white-space: pre-wrap;
 }
 
-.modal .modal-header {
-  padding-bottom: 0;
-}
 
 .modal .breadcrumb {
   margin-bottom: 10px;
@@ -62,4 +59,34 @@
   width: 100%;
   height: 1px;
   opacity: 0;
+}
+
+
+.modal .modal-content {
+    border-radius: 10px 10px 4px 4px;
+}
+
+.modal .modal-header {
+    border-radius: 4px 4px 0 0;
+    background: #2196F3;
+    padding: 1.3em;
+}
+
+.modal .modal-header .modal-title {
+    font-size: 20px;
+    line-height: 100%;
+    color: #D4E5F5;
+    margin: 0;
+}
+
+.modal .modal-header .close {
+    opacity: 1;
+    color: #D4E5F5;
+}
+
+.modal .modal-header .close.fullscreen {
+    font-size: 14px;
+    position: relative;
+    top: 4px;
+    margin-right: .8em;
 }

dist/angular-filemanager.min.js

@@ -381,4 +381,13 @@ table th > a:focus {
 
 .selected .item-extension::after {
     color: #2196F3;
+}
+
+.form-control.search-input {
+    max-width: 20em;
+    display: inline;
+}
+
+.like-code {
+    display: inline;
 }

src/css/dialogs.css

@@ -32,6 +32,7 @@
 
         $scope.fileNavigator.onRefresh = function() {
             $scope.temps = [];
+            $scope.query = '';
             $rootScope.selectedModalPath = $scope.fileNavigator.currentPath;
         };
 

src/css/main.css

@@ -215,14 +215,14 @@ <h4 class="modal-title">{{'extract_item' | translate}}</h4>
                   <span aria-hidden="true">&times;</span>
                   <span class="sr-only">{{"close" | translate}}</span>
               </button>
-              <button type="button" class="close mr5" ng-click="fullscreen=!fullscreen" style="font-size: 15px;margin-top:1px;">
-                  <i class="glyphicon glyphicon-fullscreen mr5"></i>
+              <button type="button" class="close fullscreen" ng-click="fullscreen=!fullscreen">
+                  <i class="glyphicon glyphicon-fullscreen"></i>
                   <span class="sr-only">{{'toggle_fullscreen' | translate}}</span>
               </button>
               <h4 class="modal-title">{{'edit_file' | translate}}</h4>
             </div>
             <div class="modal-body">
-                <label class="radio">{{'file_content' | translate}}</label>
+                <label class="radio bold">{{ singleSelection().model.fullPath() }}</label>
                 <span class="label label-warning" ng-show="apiMiddleware.apiHandler.inprocess">{{'loading' | translate}} ...</span>
                 <textarea class="form-control code" ng-model="singleSelection().tempModel.content" ng-show="!apiMiddleware.apiHandler.inprocess" autofocus="autofocus"></textarea>
                 <div ng-include data-src="'error-bar'" class="clearfix"></div>
@@ -402,14 +402,14 @@ <h4 class="modal-title">{{"select_destination_folder" | translate}}</h4>
   <div class="panel panel-primary mt10 mb0">
     <div class="panel-body">
         <div class="detail-sources">
-          <code class="mr5"><b>{{"Selection" | translate}}:</b>  
+          <div class="like-code mr5"><b>{{"Selection" | translate}}:</b>  
             <span ng-include="'selected-files-msg'"></span>
-          </code>
+          </div>
         </div>
         <div class="detail-sources">
-          <code class="mr5">
+          <div class="like-code mr5">
             <b>{{"destination" | translate}}:</b> {{ getSelectedPath() }}
-          </code>
+          </div>
           <a href="" class="label label-primary" ng-click="openNavigator(fileNavigator.currentPath)">
             {{'change' | translate}}
           </a>
@@ -427,7 +427,7 @@ <h4 class="modal-title">{{"select_destination_folder" | translate}}</h4>
 
 <script type="text/ng-template" id="selected-files-msg">
   <span ng-show="temps.length == 1">
-    <b>{{singleSelection().model.name}}</b>
+    {{singleSelection().model.name}}
   </span>
   <span ng-show="temps.length > 1">
     {{'these_elements' | translate:totalSelecteds()}}

src/js/controllers/main.js

@@ -10,13 +10,15 @@
       <a class="navbar-brand hidden-xs" href="" ng-click="fileNavigator.goTo(-1)">{{config.appName}}</a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
-      <div class="navbar-form navbar-right">
-        <input type="text" class="form-control input-sm" ng-show="config.searchForm" placeholder="{{'search' | translate}}..." ng-model="$parent.query">
+      <div class="navbar-form navbar-right text-right">
+        <input type="text" class="form-control input-sm hidden-xs search-input" ng-show="config.searchForm" placeholder="{{'search' | translate}}..." ng-model="$parent.query">
         <button class="btn btn-default btn-sm" ng-click="modal('newfolder') && prepareNewFolder()">
-            <i class="glyphicon glyphicon-plus"></i> {{"new_folder" | translate}}
+            <i class="glyphicon glyphicon-plus"></i> 
+            <span class="visible-sm-inline">{{"new_folder" | translate}}</span>
         </button>
         <button class="btn btn-default btn-sm" ng-show="config.allowedActions.upload" ng-click="modal('uploadfile')">
-            <i class="glyphicon glyphicon-cloud-upload"></i> {{"upload_files" | translate}}
+            <i class="glyphicon glyphicon-cloud-upload"></i> 
+            <span class="visible-sm-inline">{{"upload_files" | translate}}</span>
         </button>
 
         <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="dropDownMenuLang" data-toggle="dropdown" aria-expanded="true">