fixed missing styles

4 files changed, 5 insertions, 30 deletions

diff --git a/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx b/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx
index b58a5f57d..55e37a968 100644
--- a/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx
+++ b/packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx
@@ -33,7 +33,7 @@ export function AuthMethodPostSetup(props: AuthMethodSetupProps): VNode {
   };
 
   return (
-    <div > {/* class={style.home} */}
+    <div class="home"> 
       <h1>Add {props.method} authentication</h1>
       <div>
         <p>
diff --git a/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx b/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx
index b898bb39e..3e20538d2 100644
--- a/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx
+++ b/packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx
@@ -12,8 +12,7 @@ export function ReviewPoliciesScreen(props: BackupReducerProps): VNode {
           .map((x, i) => authMethods[x.authentication_method].type)
           .join(" + ");
         return (
-          <div key={i}>
-          {/* <div key={i} class={style.policy}> */}
+          <div key={i} class="policy">
             <h3>
               Policy #{i + 1}: {policyName}
             </h3>
diff --git a/packages/anastasis-webui/src/pages/home/index.tsx b/packages/anastasis-webui/src/pages/home/index.tsx
index ab63553c1..6e9ea07fc 100644
--- a/packages/anastasis-webui/src/pages/home/index.tsx
+++ b/packages/anastasis-webui/src/pages/home/index.tsx
@@ -27,6 +27,7 @@ import { SecretSelectionScreen } from "./SecretSelectionScreen";
 import { SolveScreen } from "./SolveScreen";
 import { StartScreen } from "./StartScreen";
 import { TruthsPayingScreen } from "./TruthsPayingScreen";
+import "./../home/style"
 
 const WithReducer = createContext<AnastasisReducerApi | undefined>(undefined);
 
@@ -89,7 +90,7 @@ export function AnastasisClientFrame(props: AnastasisClientFrameProps): VNode {
   return (<Fragment>
     <Menu title="Anastasis" />
     <section class="section">
-      <div onKeyPress={(e) => handleKeyPress(e)}> {/* class={style.home} */}
+      <div class="home" onKeyPress={(e) => handleKeyPress(e)}> 
         <button onClick={() => reducer.reset()}>Reset session</button>
         <h1>{props.title}</h1>
         <ErrorBanner reducer={reducer} />
@@ -234,7 +235,7 @@ function ErrorBanner(props: ErrorBannerProps): VNode | null {
   const currentError = props.reducer.currentError;
   if (currentError) {
     return (
-      <div id="error"> {/* style.error */}
+      <div id="error"> 
         <p>Error: {JSON.stringify(currentError)}</p>
         <button onClick={() => props.reducer.dismissError()}>
           Dismiss Error
diff --git a/packages/anastasis-webui/src/pages/home/style.css b/packages/anastasis-webui/src/pages/home/style.css
index e70f11a59..e69de29bb 100644
--- a/packages/anastasis-webui/src/pages/home/style.css
+++ b/packages/anastasis-webui/src/pages/home/style.css
@@ -1,25 +0,0 @@
-.home {
-  padding: 1em 1em;
-  min-height: 100%;
-  width: 100%;
-  max-width: 40em;
-}
-
-.home div {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-.policy {
-  padding: 0.5em;
-  border: 1px solid black;
-  border-radius: 0.5em;
-  border-radius: 0.5em;
-}
-
-.home > #error {
-  padding: 0.5em;
-  border: 1px solid black;
-  background-color: rgb(228, 189, 197);
-  border-radius: 0.5em;
-}