Browse Source

* CSS improvements

Michaël Van Canneyt 3 years ago
parent
commit
6beea9c25c
1 changed files with 10 additions and 8 deletions
  1. 10 8
      demo/wasienv/canvas/index.html

+ 10 - 8
demo/wasienv/canvas/index.html

@@ -1,15 +1,17 @@
+
 <!doctype html>
 <html lang="en">
 <head>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>FPC-Webassembly and Pas2JS Demo</title>
-  <link href="bulma.min.css" rel="stylesheet">
+  <!-- <link href="bulma.min.css" rel="stylesheet"> -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
   <script src="demowasicanvas.js"></script>
   <style>
 
   .source {
-    width: 730px;
+    /* width: 730px; */
     margin: -45px auto;
     font-size: 0.9em;
   }
@@ -18,20 +20,20 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    width: 482px;
+    /* width: 482px; */
   }
   </style>
 </head>
 <body>
-  <div class="section">
+  <div class="section py-4">
     <h1 class="title is-3">Canvas</h1>
-    <div id="canvases"></div>
+    <div class="box" id="canvases"></div>
   </div>
-  <div class="section">
+  <div class="section py-4">
     <h1 class="title is-3">Console output</h1>
-    <div id="pasjsconsole"></div>
+    <div class="box" id="pasjsconsole"></div>
   </div>
-  <hr>
+  <!-- <hr> -->
   <div class="section">
     <div class="source">
       <div class="source-inner">