Some HTML changes

evdokimovm · Apr 21, 2022 · 917937a · 917937a
1 parent 8f264ee
commit 917937a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 58 deletions.
diff --git a/img/all.png b/img/all.png
diff --git a/img/public.png b/img/public.png
diff --git a/options.html b/options.html
@@ -1,7 +1,10 @@
 <!DOCTYPE html>
-<html style="height: 100%;">
+<html lang="en">
 <head>
-    <title>All Tabs</title>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>All Tab Groups</title>
 </head>
 <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
@@ -35,20 +38,6 @@
         padding-right: 10px;
     }
 
-    .p-lr-20 {
-        padding-left: 20px;
-        padding-right: 20px;
-    }
-
-    .p-l-20 {
-        padding-left: 20px;
-    }
-
-    .m-lr-20 {
-        margin-left: 20px;
-        margin-right: 20px;
-    }
-
     .btn-black {
         height: 36px;
         background: #000;
@@ -64,23 +53,6 @@
         color: #DADADA;
     }
 
-    .delete_file {
-        height: 36px;
-        background: #F4F4F4;
-        color: #D0011B;
-        border-radius: 0px;
-        padding-left: 30px;
-        padding-right: 30px;
-        font-size: 12px;
-        transition: 0.5s;
-        display: none;
-    }
-
-    .delete_file:hover {
-        background: #D0011B;
-        color: #F4F4F4;
-    }
-
     .btn-grey {
         height: 36px;
         background: #8E8E8E;
@@ -125,7 +97,7 @@
     }
 
     .list li a:hover {
-        background: #000;
+        background: #CECECECE;
     }
 
     .list li h5 {
@@ -141,9 +113,9 @@
 
     .list li span {
         color: #7D7D7D;
-        font-size: 11px;
-        font-weight: 300;
-        line-height: 14px;
+        font-size: 13px;
+        font-weight: 400;
+        line-height: 15px;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
@@ -157,47 +129,33 @@
         font-weight: 900;
     }
 
-    .file_action .delete_files {
-        border-radius: 0px;
-        color: #D0011B;
-        background: #F4F4F4;
-        padding-left: 20px;
-        padding-right: 20px;
-    }
-
-    .public_icon {
-        background: url(img/public.png) no-repeat right center;
-        background-size: auto 20px;
-    }
-
     select {
         text-transform: capitalize;
     }
 </style>
-
 <body>
     <div class="container-fluid">
         <div class="row">
-            <div class="col-sm-3">
+            <div class="col-md-3">
                 <div class="p-tb-20 p-lr-10">
                     <button type="button" class="btn btn-black opentabs">OPEN ALL</button>
                     <button type="button" class="btn btn-grey export_all_files">EXPORT ALL</button>
                     <button type="button" class="btn btn-grey import_all_files">IMPORT ALL</button>
                     <ul class="list links"></ul>
                 </div>
             </div>
-            <div class="col-sm-6">
+            <div class="col-md-6">
                 <div class="p-tb-20">
-                    <button type="button" class="btn btn-black copy" data-clipboard-target="textarea">COPY</button>
+                    <button type="button" class="btn btn-black copy">COPY</button>
                     <button type="button" class="btn btn-grey export_file" disabled>EXPORT FILE</button>
                     <button type="button" class="btn btn-grey import_file">IMPORT FILE</button>
-                    <button type="button" class="btn m-lr-20 delete_file" data-id="">DELETE FILE</button>
+                    <button type="button" style="display: none;" class="btn btn-black delete_file">DELETE FILE</button>
 
                     Choose the group: <select class="form-select" style="height: 36px;" id="select_color"></select>
                 </div>
                 <textarea></textarea>
             </div>
-            <div class="col-sm-3">
+            <div class="col-md-3">
                 <div class="p-tb-20 p-lr-10">
                     <div class="input-group">
                         <input type="text" name="filename" class="form-control input-light" placeholder="File Name">
@@ -207,8 +165,7 @@
                     </div>
                 </div>
                 <div class="file_action">
-                    <h5 class="pull-left">FILES</h5><button class="btn btn-xs delete_files pull-right">DELETE
-                        ALL</button>
+                    <h5 class="pull-left">FILES</h5><button class="btn btn-black delete_files pull-right">DELETE ALL</button>
                 </div>
                 <div style="padding-right: 10px;">
                     <ul class="list files"></ul>