In display options, lay out the primary display first

chrome/browser/resources/options/chromeos/display_options.js

Index: chrome/browser/resources/options/chromeos/display_options.js
diff --git a/chrome/browser/resources/options/chromeos/display_options.js b/chrome/browser/resources/options/chromeos/display_options.js
index 17ee9a4b7890ef790b107b9be0aa07288371f5b2..4e762ca13b46912ea05dbc84a67c8162659c2ceb 100644
--- a/chrome/browser/resources/options/chromeos/display_options.js
+++ b/chrome/browser/resources/options/chromeos/display_options.js
@@ -1043,10 +1043,14 @@ cr.define('options', function() {
       };
 
       // Layout the display rectangles. First layout the primary display and
-      // then layout the secondary which is attached to the primary.
+      // then layout any secondary displays.
+      this.createDisplayLayoutDiv_(
+          this.displayLayoutMap_[this.primaryDisplayId_], layoutType, offset);
       for (var i = 0; i < this.displays_.length; i++) {
-        this.createDisplayLayoutDiv_(
-            this.displayLayoutMap_[this.displays_[i].id], layoutType, offset);
+        if (!this.displays_[i].isPrimary) {
+          this.createDisplayLayoutDiv_(
+              this.displayLayoutMap_[this.displays_[i].id], layoutType, offset);
+        }
       }
     },