Make it bigger!

lionleaf · Dec 30, 2015 · 9432aba · 9432aba
1 parent a5b3780
commit 9432aba
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/dwitter/feed/templates/feed/feed.html b/dwitter/feed/templates/feed/feed.html
@@ -5,21 +5,26 @@
       body{
         background:#ddd;
       }
+      code {
+        font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace;
+      }
+
       .dweet-feed {
-        width: 400px;
+        width: 80%;
         margin: 0 auto;
       }
       .dweet {
-        padding:20px;
+        padding:40px;
         background:white;
         border: 1px solid black;
         word-wrap: break-word;
       }
       .dweet-author {
+        padding:10px;
         font-weight: bold;
       }
       .submit-box {
-        padding:20px;
+        padding:40px;
         background:white;
         border: 1px solid black;
       }
@@ -33,14 +38,21 @@
       }
       .canvas-iframe-container-wrapper {
         width: 100%;
+        /*padding: 0 0 56.25% 0; /* 16:9 */
         padding: 0 0 56.25% 0; /* 16:9 */
         position: relative;
       }
 
       .canvas-iframe-container {
         position: absolute;
+        width:100%;
         top: 0; bottom: 0; left: 0; right: 0;
       }
+      iframe {
+        width:100%;
+        height:100%;
+
+      }
 
     </style>
   </head>
@@ -116,7 +128,7 @@
               </div>
             </div>
             <div class=dweet-author><a>{{ dweet.author.username }}</a></div>
-            <div class=dweet-code><a>{{ dweet.code }}</a></div>
+            <div class=dweet-code><code>{{ dweet.code }}</code></div>
           </div>
           {% endfor %}
         </div>