Fix clipped keyboard settings overlay.

chrome/browser/resources/options/chromeos/keyboard_overlay.html

Index: chrome/browser/resources/options/chromeos/keyboard_overlay.html
diff --git a/chrome/browser/resources/options/chromeos/keyboard_overlay.html b/chrome/browser/resources/options/chromeos/keyboard_overlay.html
index 4609b04c32280aafaf6f208804b0e6cdfec5e141..f0c7945c43f5dc7f2d32b283507b2b8480e81bd2 100644
--- a/chrome/browser/resources/options/chromeos/keyboard_overlay.html
+++ b/chrome/browser/resources/options/chromeos/keyboard_overlay.html
@@ -94,13 +94,9 @@
           i18n-content="sendFunctionKeysDescription">
       </label>
     </div>

[Dan Beam, 2014/07/10 02:22:28]

I meant:

  <div class="settings-row">
    <button>
    <button>
  </div>

or

  <div class="settings-row">
    <button ...>
  </div>
  <div class="settings-row">
    <button ...>
  </div>

if they need to be on separate lines (for some reason)

[michaelpg, 2014/07/10 02:43:17]

That's what I had at first, but I did a code search and there didn't seem to be
a specific structure. So I wasn't sure.

Searching for 'class=\"settings-row\"' turns up examples like

<div class="settings-row">
<span class="settings-row">
<label class="settings-row">

Can I ask what the <div> adds? Easier to see the structure in the code?

[Dan Beam, 2014/07/10 21:00:49]

<div>s are block

-  </div>
-  <div class="content-area">
-    <button id="keyboard-shortcuts" class="link-button"
+    <button id="keyboard-shortcuts" class="settings-row link-button"
         i18n-content="showKeyboardShortcuts"></button>
-  </div>
-  <div class="content-area">
-    <button id="languages-and-input-settings" class="link-button"
+    <button id="languages-and-input-settings" class="settings-row link-button"
         i18n-content="changeLanguageAndInputSettings"></button>
   </div>
   <div class="action-area">