diff --git a/app/index.html b/app/index.html
index 4a4b546..6496bac 100644
--- a/app/index.html
+++ b/app/index.html
@@ -9,6 +9,7 @@
     <meta name="apple-mobile-web-app-title" content="AriaNg"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
     <meta name="description" content="Aria2 Ng Frontend">
+    <meta name="theme-color" content="#3c4852">
     <title>AriaNg</title>
     <!-- build:css css/bootstrap-3.3.6.min.css -->
     <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"/>
diff --git a/app/styles/aria-ng.css b/app/styles/aria-ng.css
index 5f9b564..b867312 100644
--- a/app/styles/aria-ng.css
+++ b/app/styles/aria-ng.css
@@ -706,6 +706,16 @@ td {
     border-top: inherit;
 }
 
+@media (max-width: 767px) {
+    .task-table > .task-table-title {
+        display: none !important;
+    }
+
+    .task-table > .task-table-body > div.row:first-child {
+        border-top: inherit;
+    }
+}
+
 .skin-aria-ng .task-table > .task-table-body > div.row:nth-of-type(odd) {
     background-color: #f9f9f9;
 }
diff --git a/app/views/list.html b/app/views/list.html
index 04857bd..5ebd214 100644
--- a/app/views/list.html
+++ b/app/views/list.html
@@ -1,6 +1,6 @@
 <section class="content no-padding">
     <div id="task-table" class="task-table">
-        <div class="task-table-title hidden-xs">
+        <div class="task-table-title">
             <div class="row">
                 <div class="col-sm-8">
                     <div class="row">
diff --git a/app/views/setting.html b/app/views/setting.html
index 9f2cabe..6c513ab 100644
--- a/app/views/setting.html
+++ b/app/views/setting.html
@@ -22,7 +22,7 @@
                         ng-options="item.value as (item.name | translate) for item in option.options">
                 </select>
                 <div class="form-control-icon" ng-if="optionStatus.isShowStatusIcon()">
-                    <span class="fa form-control-feedback" ng-class="[optionStatus.getStatusIcon()]"></span>
+                    <i class="fa form-control-feedback" ng-class="[optionStatus.getStatusIcon()]"></i>
                 </div>
             </div>
             <span class="input-group-addon" ng-if="!!option.suffix" ng-bind="option.suffix | translate"></span>
diff --git a/app/views/task-detail.html b/app/views/task-detail.html
index 3374cf3..07030a6 100644
--- a/app/views/task-detail.html
+++ b/app/views/task-detail.html
@@ -144,7 +144,7 @@
             </div>
             <div class="tab-pane" ng-class="{'active': context.currentTab == 'filelist'}">
                 <div class="task-table">
-                    <div class="task-table-title hidden-xs">
+                    <div class="task-table-title">
                         <div class="row">
                             <div class="col-sm-8">
                                 <a ng-click="changeFileListDisplayOrder('name:asc', true)" translate>File Name</a>
@@ -188,7 +188,7 @@
             </div>
             <div class="tab-pane" ng-class="{'active': context.currentTab == 'btpeers'}" ng-if="task && task.status == 'active' && task.bittorrent">
                 <div class="task-table">
-                    <div class="task-table-title hidden-xs">
+                    <div class="task-table-title">
                         <div class="row">
                             <div class="col-sm-3">
                                 <a ng-click="changePeerListDisplayOrder('address:asc', true)" translate>Address</a>