From f0e248c7862e5c813e29934710a5c9e4dd8745e5 Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Thu, 31 Aug 2023 17:16:49 +0300
Subject: [PATCH] top picture buttom

---
 src/app/_modules/pages/page/page.component.html | 14 ++++++++------
 src/app/_modules/pages/page/page.component.scss | 15 ++++++++++++---
 src/environments/environment.ts                 |  2 +-
 src/styles.scss                                 |  2 +-
 4 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/app/_modules/pages/page/page.component.html b/src/app/_modules/pages/page/page.component.html
index 1e4a7a6..ca16f3d 100644
--- a/src/app/_modules/pages/page/page.component.html
+++ b/src/app/_modules/pages/page/page.component.html
@@ -1,13 +1,15 @@
 <div class="content" *ngIf="page">
-  <div class="row">
-    <div class="page-header" style="background-image: url('{{page?.image}}')">
-      <div class="limiter">
+  <div class="row">    
+    <div class="page-header" style="background-image: url('{{page?.image}}')"> 
+      <div class="block">
+        <button (click)="editBackground()" class="edit"></button>
+        <button (click)="removeBackground()" class="delete"></button>
+      </div>  
+      <div class="limiter">      
         <div class="line">
           <h1>{{page?.name}}</h1>
         </div>
-        <button (click)="editBackground()">Изменить фон</button>
-        <button (click)="removeBackground()">Удалить фон</button>
-      </div>
+      </div>          
     </div>
     <div class="limiter nav-info" *ngIf="isEditable">
       <div class="col right" (click)="toggleEditMode()">
diff --git a/src/app/_modules/pages/page/page.component.scss b/src/app/_modules/pages/page/page.component.scss
index 53d249b..719fb57 100644
--- a/src/app/_modules/pages/page/page.component.scss
+++ b/src/app/_modules/pages/page/page.component.scss
@@ -11,9 +11,16 @@
       width: 100%;
       height: 400px;
       background-color: #86898E;
+      .block{
+        position: absolute;
+        top:136px;
+        left: calc((100% - 900px) / 2);
+      }
       .limiter{
-        display: flex;
+        
+        display: block;
         .line{
+          display: inline-block;
           border-bottom: 12px solid var(--blue-0);
           h1{
             display: inline;
@@ -27,8 +34,10 @@
             letter-spacing: 0.76px;
             color: white;
           }
-        }        
-      }      
+        }
+
+      }
+      
     }
     .left {
       flex-grow: 1;
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index 9f8d59d..4add497 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -6,7 +6,7 @@ export const environment = {
   production: false,
   apiUrl: 'http://api.vniigazv2.lc',
   clientId: 2,
-  clientSecret: 'tsfYTWRzbK1okzbN1jX0JeGkMu3c42H6hJF3NhBv',
+  clientSecret: '5Q8Pe95YrQBwa7o7XDDIatg30ELu3dpS40Uo6jHi',
 };
 
 /*
diff --git a/src/styles.scss b/src/styles.scss
index 2596f28..6da33e0 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -28,7 +28,7 @@
 //   text-transform: uppercase;
 // }
 
-.menu {
+.menu, .page-header {
   display: flex;
   .block {
     background: #fff;