better responsive

rickyrauch · rickyrauch · commit 0ee716020f57 · 2014-09-09T16:47:19.000-03:00
diff --git a/dist/css/app.css b/dist/css/app.css
diff --git a/html/index.html b/html/index.html
@@ -3,9 +3,9 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="">
-    <meta name="author" content="">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
+    <meta name="author" content="auth0.com">
+    <meta name="description" content="JSON Web Token (JWT) is a compact URL-safe means of representing claims to be transferred between two parties. The claims in a JWT are encoded as a JSON object that is digitally signed using JSON Web Signature (JWS).">
 
     <title>JSON Web Tokens - jwt.io</title>
 
diff --git a/index.html b/index.html
@@ -3,9 +3,9 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="">
-    <meta name="author" content="">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+    <meta name="author" content="auth0.com">
+    <meta name="description" content="JSON Web Token (JWT) is a compact URL-safe means of representing claims to be transferred between two parties. The claims in a JWT are encoded as a JSON object that is digitally signed using JSON Web Signature (JWS).">
 
     <title>JSON Web Tokens - jwt.io</title>
 
diff --git a/less/app.less b/less/app.less
@@ -14,8 +14,11 @@
 /* Hack: CodeMirror zoom bug that prevents clicking from working right with zoom != 1 */
 @codeMirrorZoom: 1/@wholePageZoom;
 
+.container{
+  // min-width: 980px;
+}
+
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
-  background-color: none;
   color: black;
 }
 .navbar-default .navbar-brand{
@@ -42,18 +45,21 @@
   //   height: 1px;
   //   width: 100%;
   // }
+
   p {
     color: white;
     font-size: 28px;
     font-weight: 100;
     line-height: 52px;
+    position: relative;
   }
   a{
     font-size: 16px;
     font-weight: bold;
     color: white;
     opacity: .8;
     display: inline-block;
+    position: relative;
   }
 
   canvas{
@@ -85,11 +91,6 @@ pre, code { padding: 0; margin: 0; font-family:  Menlo !important; }
             box-sizing: @prop; /* Opera/IE 8+ */
 }
 
-body>.container{
-  padding-top: 0 !important;
-}
-
-
 
 
 .navbar-default.navbar-fixed-top{
@@ -177,9 +178,7 @@ body>.container{
   }
 }
 
-.container{
-  min-width: 1020px
-}
+
 
 .banner{
   background: linear-gradient(120deg, #14204d 0%, #3cc8f4 100%);
@@ -354,9 +353,6 @@ body {
 -------------------------------------------------- */
 /* Not required for template or sticky footer method. */
 
-body > .container {
-  padding: 60px 15px 0;
-}
 .container .text-muted {
   margin: 20px 0;
 }
@@ -370,6 +366,6 @@ code {
   font-size: 80%;
 }
 
-.navbar {
-  height: 50px;
+.navbar-right {
+  height: 20px;
 }
