<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/main.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="js/sockjs-0.3.js"></script>
    <script src="js/stomp.js"></script>
    <script src="js/moment.min.js"></script>
    <script src="js/main.js"></script>
    <title>Status</title>
</head>
<body>
    <div id="time"></div>
    <div id="left">
    <div id="weather">
        <p id="temperature"></p>
        <p id="location"></p>
        <p id="updatedAt"></p>
        <img id="icon"/>
    </div>
    <div id="stocks"></div>
    </div>
    <div id="irc"></div>
    <footer id="message">Well aren't you looking dapper today</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/main.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="js/sockjs-0.3.js"></script>
    <script src="js/stomp.js"></script>
    <script src="js/moment.min.js"></script>
    <script src="js/main.js"></script>
    <title>Status</title>
</head>
<body>
    <div id="time"></div>
    <div id="left">
    <div id="weather">
        <p id="temperature"></p>
        <p id="location"></p>
        <p id="updatedAt"></p>
        <img id="icon"/>
    </div>&nbsp;&nbsp;&nbsp;
    <div id="stocks"></div>
    </div>
    <div id="irc"></div>
    <footer id="message">Well aren't you looking dapper today</footer>
</body>
</html>
Adjust spacing for when the display is in portrait mode
Adjust spacing for when the display is in portrait mode
