Cosmetic changes

RainerAtSpirit · Sep 8, 2012 · 76e784704f62b3399dfd251b7435ed841d9301b4 · 76e7847
1 parent df8de9a
commit 76e784704f62b3399dfd251b7435ed841d9301b4
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 40 deletions.
diff --git a/ToDoMVCWeb/ToDoMVCWeb.csproj b/ToDoMVCWeb/ToDoMVCWeb.csproj
@@ -50,6 +50,7 @@
     <Content Include="assets\jquery.min.js" />
     <Content Include="assets\lodash.min.js" />
     <Content Include="assets\require.min.js" />
+    <Content Include="images\AppIcon.png" />
     <Content Include="index.html" />
     <Content Include="js\config\global.js" />
     <Content Include="js\extends\handlers.js" />

diff --git a/ToDoMVCWeb/assets/base.css b/ToDoMVCWeb/assets/base.css
@@ -25,19 +25,22 @@ body {
 	line-height: 1.4em;
 	background: #eaeaea url('bg.png');
 	color: #4d4d4d;
-	width: 550px;
-	margin: 0 auto;
 	-webkit-font-smoothing: antialiased;
 	-moz-font-smoothing: antialiased;
 	-ms-font-smoothing: antialiased;
 	-o-font-smoothing: antialiased;
 	font-smoothing: antialiased;
 }
 
+#todoContainer {
+    width: 550px;
+    margin: 0 auto;
+}
+
 #todoapp {
 	background: #fff;
 	background: rgba(255, 255, 255, 0.9);
-	margin: 130px 0 40px 0;
+	margin: 20px 0 40px 0;
 	border: 1px solid #ccc;
 	position: relative;
 	border-top-left-radius: 2px;

diff --git a/ToDoMVCWeb/images/AppIcon.png b/ToDoMVCWeb/images/AppIcon.png
diff --git a/ToDoMVCWeb/index.html b/ToDoMVCWeb/index.html
@@ -14,42 +14,42 @@
 <body style="display: none">
     <!-- Chrome control placeholder -->
     <div id="chrome_ctrl_placeholder"></div>
-
-	<section id="todoapp">
-		<header id="header">
-			<h1>todos</h1>
-			<input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add"
-					placeholder="What needs to be done?" autofocus>
-		</header>
-		<section id="main" data-bind="visible: todos().length">
-			<input id="toggle-all" type="checkbox" data-bind="checked: allCompleted">
-			<label for="toggle-all">Mark all as complete</label>
-			<ul id="todo-list" data-bind="foreach: todos">
-				<li data-bind="css: { completed: completed, editing: editing }">
-					<div class="view">
-						<input class="toggle" type="checkbox" data-bind="checked: completed">
-						<label data-bind="text: title, event: { dblclick: $root.editItem }"></label>
-						<button class="destroy" data-bind="click: $root.remove"></button>
-					</div>
-					<input class="edit" data-bind="value: title, valueUpdate: 'afterkeydown', enterKey: $root.stopEditing, selectAndFocus: editing, event: { blur: $root.stopEditing }" >
-				</li>
-			</ul>
-		</section>
-		<footer id="footer" data-bind="visible: completedCount() || remainingCount()">
-			<span id="todo-count">
-				<strong data-bind="text: remainingCount">1</strong>
-				<span data-bind="text: getLabel( remainingCount )"></span> left
-			</span>
-			<button id="clear-completed" data-bind="visible: completedCount, click: removeCompleted">Clear completed (<span data-bind="text: completedCount"></span>)</button>
-		</footer>
-	</section>
-	<footer id="info">
-		<span data-bind="visible: todos().length">Double-click to edit a todo.</span>
-		<p>Original Knockout version from <a href="https://github.com/ashish01/knockoutjs-todos">Ashish Sharma</a></p>
-		<p>Rewritten to use Knockout 2.0 and standard template by <a href="http://knockmeout.net">Ryan Niemeyer</a></p>
-		<p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p>
-		<p>Adapt app with require.js modules: <a href="https://twitter.com/loicknuchel">Loïc Knuchel</a></p>
-	</footer>
+    <div id="todoContainer">
+	    <section id="todoapp">
+		    <header id="header">
+			    <input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add"
+					    placeholder="What needs to be done?" autofocus>
+		    </header>
+		    <section id="main" data-bind="visible: todos().length">
+			    <input id="toggle-all" type="checkbox" data-bind="checked: allCompleted">
+			    <label for="toggle-all">Mark all as complete</label>
+			    <ul id="todo-list" data-bind="foreach: todos">
+				    <li data-bind="css: { completed: completed, editing: editing }">
+					    <div class="view">
+						    <input class="toggle" type="checkbox" data-bind="checked: completed">
+						    <label data-bind="text: title, event: { dblclick: $root.editItem }"></label>
+						    <button class="destroy" data-bind="click: $root.remove"></button>
+					    </div>
+					    <input class="edit" data-bind="value: title, valueUpdate: 'afterkeydown', enterKey: $root.stopEditing, selectAndFocus: editing, event: { blur: $root.stopEditing }" >
+				    </li>
+			    </ul>
+		    </section>
+		    <footer id="footer" data-bind="visible: completedCount() || remainingCount()">
+			    <span id="todo-count">
+				    <strong data-bind="text: remainingCount">1</strong>
+				    <span data-bind="text: getLabel( remainingCount )"></span> left
+			    </span>
+			    <button id="clear-completed" data-bind="visible: completedCount, click: removeCompleted">Clear completed (<span data-bind="text: completedCount"></span>)</button>
+		    </footer>
+	    </section>
+	    <footer id="info">
+		    <span data-bind="visible: todos().length">Double-click to edit a todo.</span>
+		    <p>Original Knockout version from <a href="https://github.com/ashish01/knockoutjs-todos">Ashish Sharma</a></p>
+		    <p>Rewritten to use Knockout 2.0 and standard template by <a href="http://knockmeout.net">Ryan Niemeyer</a></p>
+		    <p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p>
+		    <p>Adapt app with require.js modules: <a href="https://twitter.com/loicknuchel">Loïc Knuchel</a></p>
+	    </footer>
+    </div>
 	<script src="../../../assets/base.js"></script>
 </body>
 </html>
diff --git a/ToDoMVCWeb/js/main.js b/ToDoMVCWeb/js/main.js
@@ -39,7 +39,7 @@ require([
           //   same query string parameters as the main page
           var options = {
               "appIconUrl": "images/AppIcon.png",
-              "appTitle": "Chromecontrol-Crossdomain",
+              "appTitle": "todos",
               "appHelpPageUrl": "Help.html?"
                   + document.URL.split("?")[1],
               "settingsLinks": [