Make examples index.html easier to click now with flex
authorCaio Marcelo de Oliveira Filho <caio.oliveira@intel.com>
Mon, 16 Sep 2013 22:04:53 +0000 (19:04 -0300)
committerCaio Marcelo de Oliveira Filho <caio.oliveira@intel.com>
Mon, 16 Sep 2013 22:41:04 +0000 (19:41 -0300)
examples/index.html

index 851c480..bb0cef6 100644 (file)
@@ -10,26 +10,23 @@ div.block {
    width: 8em;
    height: 6em;
    float: left;
-   display: table;
    margin: 10px;
-}
-
-div.block div {
-   display: table-cell;
-   vertical-align: middle;
+   display: flex;
+   justify-content: center;
+   align-items: center;
 }
 </style>
 </head>
 <body>
 <h1>Tizen Extensions Crosswalk examples</h1>
-<a href="tizen.html"><div class="block"><div>tizen top namespace</div></div></a>
-<a href="network_bearer_selection.html"><div class="block"><div>network bearer selection</div></div></a>
-<a href="notification.html"><div class="block"><div>notification</div></div></a>
-<a href="system_info.html"><div class="block"><div>system info</div></div></a>
-<a href="system_setting.html"><div class="block"><div>system setting</div></div></a>
-<a href="time.html"><div class="block"><div>time</div></div></a>
-<a href="power.html"><div class="block"><div>power</div></div></a>
-<a href="bluetooth.html"><div class="block"><div>bluetooth</div></div></a>
-<a href="download.html"><div class="block"><div>download</div></div></a>
+<a href="tizen.html"><div class="block">tizen top namespace</div></a>
+<a href="network_bearer_selection.html"><div class="block">network bearer selection</div></a>
+<a href="notification.html"><div class="block">notification</div></a>
+<a href="system_info.html"><div class="block">system info</div></a>
+<a href="system_setting.html"><div class="block">system setting</div></a>
+<a href="time.html"><div class="block">time</div></a>
+<a href="power.html"><div class="block">power</div></a>
+<a href="bluetooth.html"><div class="block">bluetooth</div></a>
+<a href="download.html"><div class="block">download</div></a>
 </body>
-</html>
\ No newline at end of file
+</html>