1 files changed, 33 insertions, 26 deletions
diff --git a/src/views/SILA/EventLogs/EventLogs.vue b/src/views/SILA/EventLogs/EventLogs.vue
index 0d5ce428..36ec9802 100644
--- a/src/views/SILA/EventLogs/EventLogs.vue
+++ b/src/views/SILA/EventLogs/EventLogs.vue
@@ -5,22 +5,29 @@
     class="event-logs-section"
   >
     <page-title />
-    <div class="form-control event-log-search">
-      <button class="search-button">
-        <img
-          class="event-log-search__icon"
-          src="@/assets/images/search-icon.svg"
-        />
-      </button>
-      <b-form-input
-        v-model="searchInput"
-        type="text"
-        class="event-log-search__input"
-        placeholder="Поиск по журналу"
-        @input="onChangeSearchInput"
-        @clear-search="onClearSearchInput"
+    <div class="event-log-head-container">
+      <span class="regular-12px">Срок хранения событий:</span>
+      <span class="semi-bold-12px">42 дня</span>
+      <span class="regular-12px red" style="color: $red-brand-primary"
+        >Изменить</span
       >
-      </b-form-input>
+      <div class="form-control event-log-search">
+        <button class="search-button">
+          <img
+            class="event-log-search__icon"
+            src="@/assets/images/search-icon.svg"
+          />
+        </button>
+        <b-form-input
+          v-model="searchInput"
+          type="text"
+          class="event-log-search__input"
+          placeholder="Поиск по журналу"
+          @input="onChangeSearchInput"
+          @clear-search="onClearSearchInput"
+        >
+        </b-form-input>
+      </div>
     </div>
     <div class="event-logs__section">
       <div class="event-logs__filter-container">
@@ -890,7 +897,7 @@ $toolbar-height: 64px;
   margin: 0 32px;
 }
 
-.event-log-search {
+.event-log-head-container {
   position: absolute;
   top: calc(#{$header-height});
   right: 0px;
@@ -898,13 +905,21 @@ $toolbar-height: 64px;
   flex-flow: row nowrap;
   justify-content: flex-start;
   align-items: center;
+  gap: 6px;
+  z-index: 1001;
+}
+
+.event-log-search {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
   border: none;
   box-shadow: none;
   border-radius: 8px;
-  margin: 12px 32px;
+  margin: 12px 32px 12px 16px;
   width: 236px;
   height: 40px;
-  z-index: 1001;
 }
 
 .search-button {
@@ -1014,10 +1029,6 @@ $toolbar-height: 64px;
   color: $text-quaternary;
 }
 
-.pointer {
-  cursor: pointer;
-}
-
 .pagination-container {
   width: calc(100% - #{$navigation-width});
   height: $toolbar-height;
@@ -1075,8 +1086,4 @@ $toolbar-height: 64px;
   height: auto;
   width: 70vw;
 }
-
-.pointer {
-  cursor: pointer;
-}
 </style>