styling for example

data-focused-ui-design.html

@@ -113,7 +113,7 @@ <h3>Visual designs are not a blueprint</h3>
             </p>
             <p>
             Turing award-winner and distributed systems expert <a href="https://en.wikipedia.org/wiki/Leslie_Lamport">Leslie Lamport</a> describes the problem of <a href="http://cacm.acm.org/magazines/2015/4/184705-who-builds-a-house-without-drawing-blueprints/fulltext">building a house without blueprints</a>.
-            <em>Too often in front-end engineering we rely on the software equivalent of a scale model instead of a blueprint.</em> 
+            <em>Too often in front-end engineering we rely on the software equivalent of a scale model instead of a blueprint.</em>
             </p>
 
             <h3>Visual designs often encourage focus on unimportant details coupled to a specific user environment</h3>
@@ -188,12 +188,13 @@ <h5>
             </h5>
 
             <ul>
-              <li><b>User creates a new Message</b></li>
-              <li><b>User sends a message to one or more Users</b></li>
-              <li><b>User views a received Message</b></li>
-              <li><b>User views a list of received Messages</b></li>
-              <li><b>User updates a Message to include one or more Photos</b></li>
-              <li><b>System scores messages according to a relevancy algorithm</b></li>
+              <li><b>User</b> <em>creates</em> a new <b>Message</b></li>
+              <li><b>User</b> <em>sends</em> a <b>Message</b> to one or more <b>Users</b></li>
+              <li><b>User</b> <em>views</em> a received <b>Message</b></li>
+              <li><b>User</b> <em>views a list</em> of received <b>Messages</b></li>
+              <li><b>User</b> creates a new <b>Photo</b></li>
+              <li><b>User</b> <em>updates</em> <b>Message</b> by appending <b>Photo</b> to <b>Message</b>.photos</li>
+              <li><b>System</b> scores messages according to a relevancy algorithm</li>
             </ul>
 
         </div>