MAGETWO-36486: UI issues on "view Guest Order info" Frontend pages

Author: zanilee

app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less

@@ -95,7 +95,8 @@
 }
 
 .account,
-[class^="sales-guest-"] {
+[class^="sales-guest-"],
+.sales-guest-view {
     .page-title-wrapper {
         .page-title {
             margin-right: @indent__m;
@@ -191,7 +192,8 @@
 //  Guest order view page
 //  ---------------------------------------------
 
-[class^="sales-guest-"] {
+[class^="sales-guest-"],
+.sales-guest-view {
     .column.main {
         .block:not(.widget) {
             &:extend(.abs-account-blocks all);
@@ -275,7 +277,8 @@
     //  Guest order view page
     //  ---------------------------------------------
 
-    [class^="sales-guest-"] {
+    [class^="sales-guest-"],
+    .sales-guest-view {
         .column.main {
             .block:not(.widget) {
                 .block-content {

app/design/frontend/Magento/blank/web/css/print.less

@@ -77,6 +77,9 @@
     h3 {
         page-break-after: avoid;
     }
+    .nav-toggle {
+        display: none !important;
+    }
     .sidebar,
     .nav-sections,
     .header.content > *[class],

app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less

@@ -113,7 +113,8 @@
 }
 
 .account,
-[class^="sales-guest-"] {
+[class^="sales-guest-"],
+.sales-guest-view {
     .column.main {
         .order-details-items {
             .table-wrapper {

app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less

@@ -269,6 +269,7 @@
 
 .account,
 [class^="sales-guest-"],
+.sales-guest-view,
 .magento-rma-guest-returns {
     &:extend(.abs-title-orders all);
 }
@@ -309,7 +310,8 @@
 //  Guest order view page
 //  ---------------------------------------------
 
-[class^="sales-guest-"] {
+[class^="sales-guest-"],
+.sales-guest-view {
     .column.main {
         .block:not(.widget) {
             &:extend(.abs-account-blocks all);
@@ -367,7 +369,8 @@
         }
     }
     .account,
-    [class^="sales-guest-"] {
+    [class^="sales-guest-"],
+    .sales-guest-view {
         &:extend(.abs-title-orders-mobile all);
     }
     .order-details-items {
@@ -472,7 +475,8 @@
     }
 
     .account,
-    [class^="sales-guest-"] {
+    [class^="sales-guest-"],
+    .sales-guest-view {
         &:extend(.abs-title-orders-desktop all);
         .column.main .block.block-order-details-view {
             &:extend(.abs-add-clearfix-desktop all);