Merge pull request #134 from rebeccaalpert/header-movement

fix(ChatbotHeader): Adjust styles so logo doesn't move
patternfly · Sep 12, 2024 · 2402b1e · 2402b1e
2 parents e089b92 + e524823
commit 2402b1e
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss
@@ -2,15 +2,29 @@
 // Chatbot Header
 // ============================================================================
 .pf-chatbot__header {
+ display: flex;
  position: relative;
  background-color: var(--pf-t--chatbot--background);
+ justify-content: space-between;
 
  // Title -or- Brand
  .pf-chatbot__title {
  img {
  max-height: 40px;
  }
  }
+
+ .pf-chatbot__menu {
+ flex-shrink: 0;
+ }
+
+ .pf-chatbot__actions {
+ width: 218px;
+ flex-shrink: 0;
+ flex-grow: 0;
+ display: flex;
+ justify-content: flex-end;
+ }
 }
 
 // ============================================================================