fix: CSS fixes for Android

- closes #109
ipfs · Oct 17, 2017 · a5fa00b · a5fa00b
1 parent 686f0c0
commit a5fa00b
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 12 deletions.
diff --git a/add-on/manifest.json b/add-on/manifest.json
@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "name": "IPFS Companion",
     "short_name": "IPFS Companion",
-    "version" : "2.0.14",
+    "version" : "2.0.15",
 
     "description": "Browser extension that simplifies access to IPFS resources",
     "homepage_url": "https://github.com/ipfs/ipfs-companion",

diff --git a/add-on/src/options/options.html b/add-on/src/options/options.html
@@ -2,10 +2,11 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width" />
     <style type="text/css">
       form * {
         font: caption;
-        font-size: 1rem;
+        font-size: 1em;
       }
       strong {
         font-weight: bold;
@@ -21,17 +22,16 @@
         border-top: 3px solid #3E9398;
         display: flex;
         flex-direction: column;
-        margin-bottom: .5rem;
-        min-width: 40rem;
+        margin-bottom: .5em;
       }
       legend {
-        letter-spacing: .15rem;
+        letter-spacing: .15em;
         text-transform: uppercase;
-        padding: .5rem;
+        padding: .5em;
         font-weight: bold;
       }
       fieldset > div {
-        padding: 1rem;
+        padding: 1em;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
@@ -46,19 +46,20 @@
         flex: 1;
       }
       label > dl > dd {
-        opacity: .5;
-        margin-left: 2rem;
-        margin-right: .2rem;
+        color: #888;
+        margin-top: .2em;
+        margin-left: 0;
+        margin-right: .2em;
       }
       div:hover {
         background-color: rgba(62, 148, 152, 0.05);
       }
       div:hover > label > dl > dd {
-        opacity: 1;
+        color: #333;
       }
       input, textarea {
         flex: 1;
-        padding: .5rem;
+        padding: .5em;
         font-family: monospace;
       }
       #resetAllOptions {

diff --git a/add-on/src/popup/browser-action.html b/add-on/src/popup/browser-action.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <head>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width" />
   <style>
 	/*
       .panel-* styles were injected by Firefox from chrome://browser/content/extension.css

diff --git a/add-on/src/popup/quick-upload.html b/add-on/src/popup/quick-upload.html
@@ -2,6 +2,7 @@
 <head>
   <title>IPFS Upload</title>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width" />
   <style type="text/css">
   #icon {
       width: 6rem;