1 files changed, 70 insertions, 0 deletions
diff --git a/addons/web/static/src/less/control_panel_layout.less b/addons/web/static/src/less/control_panel_layout.less
new file mode 100644
index 00000000000..92f8397bca4
--- /dev/null
+++ b/addons/web/static/src/less/control_panel_layout.less
@@ -0,0 +1,70 @@
+@breadcrumb-height: 30px;
+
+.o_control_panel {
+    .o-flex-display();
+    .o-flex-flow(row, wrap);
+
+    .breadcrumb {
+        width: 50%;
+
+        > li {
+            .o_text_overflow;
+            max-width: 90%;
+            display: inline-block;
+        }
+    }
+
+    &.o_breadcrumb_full {
+        .breadcrumb {
+            width: 100%;
+        }
+    }
+
+    .o_cp_searchview {
+        width: 50%;
+        min-height: @breadcrumb-height;
+    }
+
+    .btn.o_enable_searchview {
+        width: 10%;
+        margin-left: 2%;
+        padding: 0px;
+    }
+
+    .o_cp_left {
+        width: 50%;
+        margin-top: 5px;
+        .o-flex-display();
+        .o-justify-content(space-between);
+    }
+
+    .o_cp_right {
+        width: 50%;
+        margin-top: 5px;
+        .o-flex-display();
+
+        .o_cp_pager {
+            margin: auto 0 auto auto;
+        }
+    }
+}
+
+.o_x2m_control_panel {
+    .o-flex-display();
+    .o-flex-flow(row, wrap);
+
+    .o_cp_buttons {
+        .o-flex-display();
+        margin-right: auto;
+    }
+    .o_cp_pager {
+        .o-flex-display();
+        margin-left: auto;
+    }
+}
+
+@media print {
+    .o_control_panel {
+        display: none;
+    }
+}